如何指示屏幕阅读器将&quot；doit&quot；读为&quot；do it&quot；？

我在一个网站上工作，该网站全面使用首字母缩写("；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>

我应该使用某种标记组合(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; }