我正在开发一个使用首字母缩写词的网站（“DoIT”，发音为“do it”）。不幸的是，视障人士的屏幕阅读器读错了首字母缩写词（“duh-IT”）。
我在想有两种解决方案之一：
找到整个网站（HTML5）中使用“DoIT”的每个元素，并以某种方式添加一些内容，告诉屏幕阅读器不要阅读显示的文本，而是用“do it”替换“DoIT”的替代文本......我没有想想如何做到这一点……</p>
添加某种类型的脚本，当使用屏幕阅读器时，将单词“DoIT”替换为“do it”→我不知道该怎么做。
整个网站有很多文本、段落、标题、图片等。我知道我可以alt在某些地方使用属性，但不是全部，例如：
<h3 alt="Test for do it">Test for DoIT</h3>
我应该使用一些标签组合（span, label, alt），还是已经存在我无法立即找到的更好的东西？
您可以使用属性 aria-label
<h3 aria-label="Test for do it">Test fir Doit</h3>
如果“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; }