如何指示屏幕阅读器将 "DoIT" 发音为 "do it"?

How do I instruct screen readers to pronounce "DoIT" as "do it"?

我在一个网站上工作,该网站全面使用首字母缩略词(“DoIT”,发音为“do it”)。不幸的是,视障人士的屏幕 readers 读错了首字母缩写词 ("duh-I.T.")。

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

  1. 找到整个网站 (HTML5) 中使用“DoIT”的所有元素,并以某种方式在屏幕上添加一些内容 reader 不阅读显示的文本,而是将“DoIT”替换为“do it”的替代文本……我什至不知道如何完成……

  2. 添加某种类型的脚本,当屏幕 reader 被使用时,将单词“DoIT”替换为“do it”→ 我不知道该怎么做做。

网站上有很多文字、段落、headers、图片等。我知道我可以在某些地方使用 alt 属性,但不是全部,例如:

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

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

您可以使用属性 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>)。

屏幕 reader 用户通常可以设置他们希望如何向他们朗读首字母缩写词和缩写词(通过 "trying to pronounce it"、letter-by-letter 或通过其标题属性)。

如果您不想更改正常网站查看的外观,只需添加一些 CSS 规则,例如:abbr[title] { border-bottom-width: 0; font-variant: none; }