WebAIM  - 无障碍记

链接和超文本
链接文本和外观

链接文本

避免无信息链接短语

当他们弄明白语境的链接更加有用。作者应该避免非信息链接短语,如:

  • 点击这里
  • 这里
  • 更多
  • 阅读更多
  • 链接到[一些链接目的地]
  • 信息

事实上,短语“点击这里”是不必要的,即使之前更有意义的短语。例如,说一个链接“点击此处进入今天的天气”可缩短至“今天的天气。”In some cases it may make sense to precede a link phrase with "more" or "read more about," (e.g. "more about global warming"), but if these extra words can be avoided, it is probably best to avoid them (e.g. "global warming" may convey the same meaning as "more about global warming," depending on the context).

网址为链接

网站地址或URL,目前两种类型的挑战:

  1. 可读性
  2. 长度

网址并不总是人类可读或屏幕阅读器友好。许多网址包含数字,字母,连字号,破折号,下划线和其他字符的组合是有意义的脚本和数据库,但是这使得很少或没有意义的普通人。在大多数情况下,最好是使用人类可读的文本,而不是URL。人类可读的链接构建残疾人专用网站万博体育官网网址更人性化不是由同一个标题来购买此书的链接Amazon.com,它由108个字符的链接全数字,斜线的,和文字,是不是很人性化可读。(http://www.amazon.com/exec/obidos/ASIN/1590591488/qid=1116957951/sr=2-1/ref=pd_bbs_b_2_1/103-5755258-8204633

这是否意味着该网址不应该被用来作为链接?否。如果URL是相对较短(如站点的主页),URL可以被用作链接文本。关键是要屏幕阅读器用户的体贴谁一定要听的时间越长,不太理解的URL。

链接外观

链接应该看起来像链接,不应该有其他。如果他们试图点击文本短语或图形模样的联系,但不是用户可能会感到沮丧。他们也将他们是否有把他们的鼠标遍布试图发现不喜欢看链接链接的页面受挫。

下划线

强调浏览器默认情况下,超文本链接。它可以删除使用层叠样式表(CSS)的下划线,但是这是一个坏主意的大部分时间。用户习惯于看到下划线的链接。在正文中,他们可能会或可能无法找出哪些如果不使用下划线约定文本链接。

虽然用户习惯于看到在强调的主要内容中的链接,他们还习惯于看到选项卡和主导航功能(如图形,而不是文字常常创建)无下划线。在这些情况下,链接项目的设计应该很明显的是,用户可以点击他们执行一个动作。

注意

WCAG 2.0对未在默认情况下强调身体文本链接额外2项要求:

  1. 链接文本必须是一个3:从周围非链接文本1的对比度。
  2. 链路必须存在于两个鼠标悬停和键盘焦点“非颜色代号”(典型地引入了下划线的)。

这两个要求,帮助确保所有用户都可以区分非链接文本链接,即使他们有低视力,色盲,或已重写页面颜色。

哈弗和柔焦效果

许多网站已经实现了链接的视觉鼠标悬停时的效果,如添加背景光晕,阴影,颜色变化,或下划线。这些效果可以帮助用户了解该项目可以点击和鼠标焦点是一个特殊的链接。

为了使这些效果与设备无关的,这是必要的,以确保它可以通过鼠标或键盘来激活。在CSS中,这种手段同时使用:徘徊:焦点伪类。

重要

几乎所有的时间答:悬停(或其它悬停效果)在CSS被定义,它应该被修改为答:悬停,一:焦点确保相同的视觉呈现,当键盘用户浏览或“标签”的链接是可用的。