當 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" 。