Html 发音“quot；DoIT"；作为「；“去做吧”；适用于屏幕阅读器和视障人士

我正在研究一个有趣的问题，希望得到一些意见

因此，问题是：我在一个网站上工作，该网站全面使用缩写词（“DoIT”，发音为“do it”）。不幸的是，视障者的屏幕阅读器读错了首字母缩写（“duh-I.T.”）

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

查找网站（HTML5）中使用“DoIT”的每一个元素，并以某种方式向屏幕阅读器添加一些内容，说明不要阅读显示的文本，而是将“DoIT”替换为“DoIT”…我甚至不知道如何做到这一点

添加一些脚本类型，当使用屏幕阅读器时，将“DoIT”替换为“do it”→ 我不知道该怎么做

我想我会问伟大的堆栈溢出社区，他们认为我应该如何处理这个问题。整个站点中有大量的文本、段落、标题、图片等。我知道我可以在某些地方使用

alt

属性，但不是全部…例如：

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

测试DoIT

想法？我应该使用一些标签组合（

span

，

label

，

alt

），还是已经存在一些我无法立即找到的更好的标签

---

只是想找个地方开始。伟大的谷歌没有提供太多…

你可以使用Attribute aria标签

<h3 aria-label="Test for do it">Test fir Doit</h3>

测试fir Doit

您可以使用属性标签

<h3 aria-label="Test for do it">Test fir Doit</h3>

测试fir Doit

如果“DoIT”是首字母缩略词，那么首先应该将其标记为首字母缩略词（我们会使用

，但它在HTML5中已被弃用，所以让我们使用另一种选择：

DoIT

）

然后，您可以使用

title

属性：a）标记首字母缩写词的实际含义，或b）标记您希望它的阅读方式（

DoIT

）

屏幕阅读器用户通常可以设置他们希望自己的首字母缩略词和缩写词被读取的方式（通过“尝试发音”、一个字母接一个字母或通过其标题属性）

如果您不想更改正常网站查看的外观，只需添加一些CSS规则，如：

abbr[title]{边框底部宽度：0；字体变量：none；}

如果“DoIT”是首字母缩写，您应该在开始时将其标记为这样（我们会使用

，但它在HTML5中已被弃用，所以让我们使用另一种选择：

DoIT

）

然后，您可以使用

title

属性：a）标记首字母缩写词的实际含义，或b）标记您希望它的阅读方式（

DoIT

）

屏幕阅读器用户通常可以设置他们希望自己的首字母缩略词和缩写词被读取的方式（通过“尝试发音”、一个字母接一个字母或通过其标题属性）

---

如果您不想更改正常网站查看的外观，只需添加一些CSS规则，如：

abbr[title]{边框底部宽度：0；字体变量：none；}

我试图使用该标记。屏幕阅读器只是在阅读之前暂停，点击tab键只是读取显示的文本，而不是标题。。。我正在使用NVDA，我是新手。这是不是因为我没有正确地设置它——就像你建议的那样？@katiea我真的不知道。。。很多年前，我做了类似的事情（使用和不使用），并且被告知屏幕阅读器用户可以让它改变向他们阅读的方式：我从未使用过它们myself@katiea根据，它似乎不会像你期望的那样与NVDA一起工作，根据，JAWS有一个选项（“扩展缩写”）。我想这一切都归结为屏幕阅读器的具体实现。。。我怀疑是否有一个默认设置可以像您在所有读者中所期望的那样做到这一点：您所能做的最好的事情就是提供最合适的标记。大多数文档都说在您的具体案例中使用

（而不是

），但遗憾的是，它已经被弃用了，所以我不知道。我正在阅读，它被弃用了，这太糟糕了。我现在要坚持并测试更改NVDA的默认设置。。我将把这个问题留到另一天，以防其他人想到更好的解决方案，但这似乎是目前最好的方法。客户对tag很满意。感谢您帮助我们了解更多有关ARIA标准和VS标记的信息，@Jcl！我试图使用标签。屏幕阅读器只是在阅读之前暂停，点击tab键只是读取显示的文本，而不是标题。。。我正在使用NVDA，我是新手。这是不是因为我没有正确地设置它——就像你建议的那样？@katiea我真的不知道。。。很多年前，我做了类似的事情（使用和不使用），并且被告知屏幕阅读器用户可以让它改变向他们阅读的方式：我从未使用过它们myself@katiea根据，它似乎不会像你期望的那样与NVDA一起工作，根据，JAWS有一个选项（“扩展缩写”）。我想这一切都归结为屏幕阅读器的具体实现。。。我怀疑是否有一个默认设置可以像您在所有读者中所期望的那样做到这一点：您所能做的最好的事情就是提供最合适的标记。大多数文档都说在您的具体案例中使用

（而不是

），但遗憾的是，它已经被弃用了，所以我不知道。我正在阅读，它被弃用了，这太糟糕了。我现在要坚持并测试更改NVDA的默认设置。。我将把这个问题留到另一天，以防其他人想到更好的解决方案，但这似乎是目前最好的方法。客户对tag很满意。感谢您帮助我们了解更多有关ARIA标准和VS标记的信息，@Jcl！我正在使用NVDA-添加aria标签并没有产生正确的读数。我不确定为什么。。。。但是谢谢你的建议——它看起来很有希望，我想知道我是否只是错过了一些显而易见的东西。