发音为“ DoIT”如“做”适用于屏幕阅读器和视障人士 [英] Pronounce "DoIT" as "do it" for screen readers and the visually impaired
问题描述
我正在研究一个有趣的问题，希望获得一些建议。
I'm working on an interesting problem and would like some input.
问题是：我正在一个网站上使用首字母缩写词（ DoIT，发音为 do it）。不幸的是，视障人士的屏幕阅读器读错了首字母缩写词（ duh-IT）。
The problem is thus: I'm working on a website that uses an acronym across the board ("DoIT", pronounced "do it"). Unfortunately, screen readers for the visually impaired read the acronym wrong ("duh-I.T.").
我想有两种解决方法之一：
I'm thinking there are one of two solutions:
-
在使用（DoIT）的网站（HTML5）上查找所有元素，并以某种方式在屏幕阅读器中添加一些内容，以使用户无法阅读显示的文本，但是用 do it代替 DoIT的替代文本……我不知道该怎么做……
find every element ever across the website (HTML5) that uses "DoIT" and somehow add something that says to the screen reader to not read the displayed text but an alternative text which replaces "DoIT" with "do it" … Which I have no idea how that would be even done …
添加某种类型的脚本，该脚本在使用屏幕阅读器时将 DoIT替换为 do it→我不知道该怎么做。
add some type of script that, when a screen reader is being used, replaces the word "DoIT" with "do it" → something that I don't know how to do.
我想我会问伟大的Stack Overflow社区，他们认为我应该如何解决这个问题。网站上有很多文字，段落，标题，图片等。我知道我可以在某些地方使用 alt 属性，但不能全部使用…，例如：
I thought I would ask the great Stack Overflow community how they think I should approach this problem. There is a lot of text throughout the site, paragraphs, headers, pictures, etc. I know I could use an alt attribute in some places, but not all … like:
<h3 alt="Test for do it">Test for DoIT</h3>
有什么想法？我是否应该使用一些组合标签（跨度，标签， alt ），还是已经存在我无法立即找到的更好的东西？
Thoughts? Should I use some combo of tags (span, label, alt), or does something better exist already that I couldn't find immediately?
只是在寻找起点。伟大的Google并没有提供太多的服务……
Just looking for a place to start. The great Google didn't offer much …
推荐答案
如果 DoIT是首字母缩写，则应首先对其进行标记这样的话（我们将使用< acronym> ，但HTML5中已弃用了它，因此让我们使用替代方法：< abbr> DoIT< / abbr> ）。
If "DoIT" is an acronym, you should, for start, mark it as such (we'd use <acronym> but it has been deprecated in HTML5, so let's use the alternative: <abbr>DoIT</abbr>).
然后，您可以将 title 属性用于：a ）标记该首字母缩写词的实际含义，或b）标记该字母的阅读方式（< abbr title = Do it> DoIT< / abbr> ）。
Then you can use the title attribute to: a) mark what the acronym actually means, or b) mark it how you want it to be read (<abbr title="Do it">DoIT</abbr>).
屏幕阅读器用户通常可以设置他们希望如何向他们阅读其缩写词和缩写（通过尝试发音，逐个字母，
Screen reader users can typically set how they want their acronyms and abbreviations be read to them (either by "trying to pronounce it", letter-by-letter, or by its title attribute).
如果您不想更改普通网站的外观，只需添加一些CSS规则，例如： abbr [title] {border-bottom-width：0;字体变化：无； }
In case you don't want to change the look for normal website viewing, just add some CSS rule like: abbr[title] { border-bottom-width: 0; font-variant: none; }
这篇关于发音为“ DoIT”如“做”适用于屏幕阅读器和视障人士的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
