'abbr'元素:它应该包含整个术语还是仅包含缩写部分?

时间:2012-08-15 22:18:32

标签: html5 accessibility semantic-markup screen-readers abbr

HTML5 element abbr用于标记缩写和首字母缩略词。

不幸的是,规范只给出了首字母缩略词“WHATWG”,“WG”and "IOFGA"的例子。

有些单词不是完全缩写,例如:

  • HTML5

备选方案的例子:

<abbr title="et cetera">etc.</abbr>
<!-- or -->
et<abbr title="cetera">c.</abbr>

<abbr title="HyperText Markup Language 5">HTML5</abbr>
<!-- or -->
<abbr title="HyperText Markup Language">HTML</abbr>5

我不一定在寻找实用的答案,我对语义,规范和可访问性的观点更感兴趣。

例如,我想知道所有不同的屏幕阅读器会读取什么(如果它们被配置为完全宣布缩写,这至少对于Jaws而言不是默认值)。

1 个答案:

答案 0 :(得分:3)

您应该使用<abbr>etc.</abbr><abbr>HTML5</abbr>

屏幕阅读器中对<abbr>标签的支持很少 - 目前尚不清楚应该有什么支持:每次阅读时将HTML5扩展为超文本标记语言5都会非常烦人。

对于ChromeVox至少[我最熟悉],编写et<abbr>c.</abbr>会导致屏幕阅读器向文字转语音引擎发送两个话语:'et','c。'这听起来与预期的“等”不同。

打破单词很好:<abbr>NASA</abbr> <abbr>JPL</abbr>,但不会在单词中间打破。