在某些情况下,您希望呈现一个字母数字代码或其他此类文本,这些文本应准确地在其他地方(例如,每个字符的大小写都很重要。您可以分别标记每个字符并应用样式以更容易地区分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>
最佳答案
您可以使用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/