<abbr>标签:如何在没有鼠标的情况下容纳用户?

时间:2015-07-07 14:58:45

标签: html accessibility

我目前正在通过在适当的位置添加<abbr>代码来处理网站的辅助功能。

这对某些用户来说非常有用,但是我很关心容纳那些无法将鼠标悬停在缩略文本上以便查看工具提示的视觉用户。

我已阅读this article at A List Apart,他们建议您链接到词汇表页面。对于我正在处理的网站而言,这似乎有些过分,因为我只会定义一些项目。

还有其他选择吗?

3 个答案:

答案 0 :(得分:0)

您可以使用javascript添加自动将它们附加到页面底部,如脚注,如维基百科参考。

答案 1 :(得分:0)

快速谷歌搜索给了我两个选择:

  1. 名为abbr-touch.js
  2. 的javascript库
  3. 添加&lt; span&gt; &lt; abbr&gt;内的标签标记为http://accessify.com/tools-and-wizards/developer-tools/acrobot/why-use.php

答案 2 :(得分:0)

在许多情况下,abbr标记是一种失常。

如果用户必须专注于文本以理解其含义,那么无论他是用鼠标还是用键盘进行操作,这都不是好办法。< / p>

你想要帮助并清楚地表达。

在我看来,最好的方法是在扩展形式之前或之后立即提供缩写的第一次使用&#34; (http://www.w3.org/TR/2015/NOTE-WCAG20-TECHS-20150226/G97

  

我住在西弗吉尼亚州(弗吉尼亚州)

另请记住,根据WCAG,缩写是&#34;缩写形式的单词,短语或名称其中缩写未成为语言的一部分&#34; (当你可以按照书面形式阅读时)。

  

我可以寄给你我的简历

因此,当上下文清晰时,使用明确的缩写,如CIA,FBI,NSA,Mr.,Dr.,CV,不需要任何其他内容,因为您不希望屏幕阅读器阅读&#34; Central Intelligence Agency& #34;,它不会为不知道CIA是什么的人提供任何线索。如果您真的愿意这样做,那么词汇表就足够了。

有时,您可能希望帮助辅助技术发音缩写(例如,区分&#34;博士&#34;当它&#34;博士&#34;或&#34;开车&#34;)但是再次abbr标签没有帮助。然后,您应该使用类似aria-label的内容。