在某些情况下,您希望呈现一个字母数字代码或其他此类文本,这些文本应准确地在其他地方(例如,每个字符的大小写都很重要。您可以分别标记每个字符并应用样式以更容易地区分O01Il等。

但是,屏幕阅读器或类似的辅助功能工具将如何读取此信息?理想情况下,我希望将其读为“零,大写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>

最佳答案

您可以使用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>

关于html - 屏幕阅读器可访问类似密码的文本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55938192/

10-11 22:15
查看更多