本文介绍了如何指示屏幕阅读器将";doit";读为";do it";?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在一个网站上工作,该网站全面使用首字母缩写(";doit";,发音为";do it";)。不幸的是,视障人士的屏幕阅读器将首字母缩写读错了(";duh-i.t.";)。
我认为有两种解决方案之一:
-
在整个网站(HTML5)中查找所有使用&doit&…的元素,并以某种方式向屏幕阅读器添加一些内容,使其不阅读显示的文本,而是使用&do it";替换&doit";的替代文本我甚至不知道如何做到这一点,…
添加某种类型的脚本,以便在使用屏幕阅读器时,将单词&doit&→替换为";do";这是我不知道如何做的事情。
整个站点有很多文本、段落、页眉、图片等。我知道我可以在某些地方使用alt
属性,但不是所有地方,比如:
<h3 alt="Test for do it">Test for DoIT</h3>
我应该使用某种标记组合(span
、label
、alt
),还是已经存在一些我无法立即找到的更好的标记?
推荐答案
如果"doit"是一个首字母缩写,您应该在开始时将其标记为"doit"(我们会使用<acronym>
,但在HTML5中它已被弃用,因此我们使用替代方案:<abbr>DoIT</abbr>
)。
然后,您可以使用title
属性:a)标记缩写词的实际含义,或b)标记您希望它的阅读方式(<abbr title="Do it">DoIT</abbr>
)。
屏幕阅读器用户通常可以设置向其朗读缩略语和缩略语的方式(通过"尝试逐个字母发音"或按其标题属性)。
如果您不想更改正常网站查看的外观,只需添加一些CSS规则,如下所示:abbr[title] { border-bottom-width: 0; font-variant: none; }
这篇关于如何指示屏幕阅读器将";doit";读为";do it";?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!