NVDA 螢幕閱讀器無法讀取視覺隱藏文本

Question

下面提到的程式碼是表格的一部分，其中想要顯示一些文字並希望在視覺上隱藏一些文本，但螢幕閱讀器不會透過滑鼠懸停來拾取視覺上隱藏的文字。我正在使用 bootstrap 5。

<td class="col_featured">
    <span>29% </span><span class="visually-hidden">Battery</span>
</td>

螢幕閱讀器不會讀取電池，即使我刪除視覺隱藏類，它也會單獨讀取兩個文本，而不是一起讀取。

Answer 1

如果您使用滑鼠，則暗示您視力良好或視力不佳，而不是失明。

在這種情況下，或多或少會假設您正在使用螢幕閱讀器，並不是因為您通常看不到螢幕，而只是因為您看得不夠清楚和/或無法閱讀文字。 僅文字。 假設您能夠很好地區分其餘所有內容。

這使得螢幕閱讀軟體不僅對盲人有用，而且對視力不佳的人甚至還有閱讀障礙的人都有用。 盲人通常從不使用滑鼠，除非在非常特殊的情況下，或者當某些東西不太容易訪問時作為最後的手段。

如果我們假設您有視力，那麼就很容易理解為什麼視覺上隱藏的文字不被閱讀。 使用滑鼠時，只會讀取遊標下真正可見的內容。讀到看不見的東西會很奇怪，對嗎？

特別是對於您的情況，假設您看得足夠清楚，可以透過一些視覺線索（例如電池圖示）來理解這29% 的含義，即使您可能無法準確讀取它（換句話說，您看得很清楚，足以猜測它代表當前的電池負載，你只需要螢幕閱讀器告訴你它確實是29%，而不是27 或28)。

對於那些看不到視覺線索的人來說，視覺上隱藏的文字「電池」必須在那裡。換句話說，這只適用於完全失明的人，他們無法以其他方式猜測其含義。

總而言之，視覺上隱藏的文字僅在使用鍵盤導航時才會被讀取，而在使用滑鼠時不會被讀取，如果您考慮一下，這是完全正常的。