屏幕阅读器可访问类似密码的文本

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>