当类已经存在时如何实现仅sr类

问题描述

我有一个具有已建立类的div，我无法删除该类，但我需要视觉阅读器和屏幕阅读器都能够“读取”内容。据我了解，sr-only是为了让屏幕阅读器只能阅读，我如何为屏幕阅读器和视觉阅读器开发此功能？

<div class="page instructions">
  <p>I'm baby pBR&B activated charcoal mlkshk quinoa,kickstarter keytar tattooed bespoke cray 8-bit ramps blue bottle.</p>
  <p>Cliche cronut hella actually godard venmo banh mi hashtag paleo poutine selvage fixie.</p>
  <p>Locavore tofu sartorial man braid,pickled tumeric pug bespoke schlitz adaptogen live-edge microdosing echo park cronut.</p>
  <p>Art party ramps direct Trade,hashtag heirloom gluten-free literally glossier vaporware sartorial normcore e@R_404_6422@on bulb tousled.</p>
</div>

解决方法

如果要将文本同时显示给 屏幕阅读器和 视觉化的用户，则无需进一步操作。假设文本在屏幕上可见，则默认情况下屏幕阅读器已经可以看到该文本。

---

请注意，errno表示元素具有class="page instructions"的类和page的类（类名以空格分隔）。因此，例如，如果您希望文本具有类instructions和sr-only，则只需使用page-instructions。