我正在研究一个有趣的问题并想要一些意见。
问题在于：我在一个全面使用首字母缩略词的网站上工作（＆＃34; DoIT＆＃34;，发音为＆＃34;做它＆＃34;）。不幸的是，视障人士的屏幕阅读器读错了首字母缩略词（＆＃34; duh-I.T。＆＃34;）。
我认为有两种解决方案之一：
查找使用＆＃34; DoIT＆＃34;的网站上的所有元素（HTML5）。并以某种方式添加一些对屏幕阅读器说不读取显示文本的内容，而是替代＆＃34; DoIT＆＃34;与＆＃34;做它＆＃34; ......我不知道怎么会这样做......
添加某种类型的脚本，当使用屏幕阅读器时，替换单词＆＃34; DoIT＆＃34;与＆＃34;做它＆＃34; →我不知道该怎么做的事情。
我想我会问伟大的Stack Overflow社区他们认为我应该如何解决这个问题。整个网站上有很多文字，段落，标题，图片等。我知道我可以在某些地方使用alt属性，但不是全部......如：
<h3 alt="Test for do it">Test for DoIT</h3>
思考？我应该使用一些标记组合（span，label，alt），还是已经存在一些我无法立即找到的更好的内容？
只是想找个地方开始。伟大的谷歌并没有提供太多......
答案 0 :(得分：3)
您可以使用属性aria-label
<h3 aria-label="Test for do it">Test fir Doit</h3>
答案 1 :(得分：2)
如果＆＃34; DoIT＆＃34;是一个首字母缩略词，您应该首先标记它（我们使用<acronym>但它已在HTML5中弃用，所以让我们使用替代方法：<abbr>DoIT</abbr>）
然后你可以使用title属性来：a）标记首字母缩略词的实际含义，或者b）标记你希望如何阅读它（<abbr title="Do it">DoIT</abbr>）。
屏幕阅读器用户通常可以设置他们希望如何读取他们的首字母缩略词和缩写（通过＆＃34;尝试发音＆＃34;，逐个字母或其标题属性）。
如果您不想更改正常网站查看的外观，只需添加一些CSS规则，例如：abbr[title] { border-bottom-width: 0; font-variant: none; }