屏幕閱讀器可訪問類似密碼的文本

Question

在某些情況下，您希望呈現一個字母數字代碼或其他此類文本，這些文本應准確地在其他地方重現，例如，每個字符的大小寫很重要。 您可以單獨標記每個字符，並應用樣式更容易區分O0 ， 1Il等。

但是，屏幕閱讀器或類似的輔助功能工具將如何讀取此信息？ 理想情況下，我希望將其讀為“零，大寫em，小寫ee”。 它不應該說“零，我”，也不能簡單地說“零，em，ee”。

 <span class="token"><!-- --><span class="token-d">0</span><!-- --><span class="token-u">M</span><!-- --><span class="token-l">e</span><!-- --></span> 

Answer 1

您可以使用aria-label ：

 <span aria-label="Uppercase A">A</span><!-- --><span aria-label="Lowercase l">l</span><!-- --><span aria-label="3">3</span><!-- --><span aria-label="lowercase x">x</span>