如何指示屏幕阅读器将"doit"读为"do it"?

How do I instruct screen readers to pronounce quot;DoITquot; as quot;do itquot;?(如何指示屏幕阅读器将quot;doitquot;读为quot;do itquot;?)
本文介绍了如何指示屏幕阅读器将"doit"读为"do it"?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在一个网站上工作,该网站全面使用首字母缩写(";doit";,发音为";do it";)。不幸的是,视障人士的屏幕阅读器将首字母缩写读错了(";duh-i.t.";)。

我认为有两种解决方案之一:

    在整个网站(HTML5)中查找所有使用&doit&…的元素,并以某种方式向屏幕阅读器添加一些内容,使其不阅读显示的文本,而是使用&do it";替换&doit";的替代文本我甚至不知道如何做到这一点,…

  1. 添加某种类型的脚本,以便在使用屏幕阅读器时,将单词&doit&→替换为";do";这是我不知道如何做的事情。

整个站点有很多文本、段落、页眉、图片等。我知道我可以在某些地方使用alt属性,但不是所有地方,比如:

<h3 alt="Test for do it">Test for DoIT</h3>

我应该使用某种标记组合(spanlabelalt),还是已经存在一些我无法立即找到的更好的标记?

推荐答案

如果"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; }

这篇关于如何指示屏幕阅读器将&quot;doit&quot;读为&quot;do it&quot;?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

how to remove this error quot;Response must contain an array at quot; . quot;.quot; while making dropdown(如何删除此错误quot;响应必须在quot;处包含数组。创建下拉菜单时(Q;))
Why is it necessary to use `document.createElementNS` when adding `svg` tags to an HTML document via JS?(为什么在通过JS为一个HTML文档添加`svg`标签时,需要使用`Document.createElementNS`?)
wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
price depend on selection of radio input(价格取决于无线电输入的选择)
calculate price depend on selection without button(根据没有按钮的选择计算价格)
What should I consider before minifying HTML?(在缩小HTML之前,我应该考虑什么?)