当 class 已经存在时，如何实现仅 sr 的 class

Question

我有一个已经建立 class 的 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 edison bulb tousled.</p>
</div>

Answer 1

如果您想让文本对屏幕阅读器和视觉查看文本的视力正常的用户都可见，则不需要进一步的操作。 假设文本可以在屏幕上查看，默认情况下它已经可以被屏幕阅读器查看。

---

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