以下是当前显示文本链接的可用性指南:
- 最大化感知功能可见性clickability,颜色和下划线链接文本。用户不应该通过猜测或擦除页面来找到他们可以点击的位置。
- 假设链接文本是有颜色的,那么不一定非要给它加下划线。
- 有两种情况可以安全地消除下划线:导航菜单和其他链接列表。然而,这只在页面设计时是正确的很明显该区域的功能。(记住:你的设计对外部用户来说可能并不像对你自己的团队成员那么明显。)用户通常理解带有彩色背景的链接列表的左侧导航栏,假设它类似于大多数其他网站的导航区域。
- 例外:如果你使用红色或绿色这样的链接颜色,下划线是必不可少的,因为这会给常见的色盲用户带来问题。
- 例外:带下划线的链接对低视力用户的可访问性,因此,如果您的站点优先考虑可访问性,或者您有许多低视力用户,请保留下划线。
- 不要给任何非链接的文本加下划线,即使你的链接没有加下划线。为链接预留下划线.因为下划线提供了很强的可点击性认知功能,如果下划线文本没有实际的可点击性,用户会感到困惑和失望。
- 使用已访问和未访问链接的颜色不同.
- 未访问链接的颜色应该比访问链接的颜色更生动、明亮和饱和,后者看起来应该是“使用过的”(暗淡和褪色)。
- 这两种颜色应该是相同颜色的变体或深浅,这样它们就明显相关了。使用截然不同的颜色(比如橙色和绿色)会让用户很难理解这两种链接类型之间的关系,也很难识别哪种颜色是另一种链接的“使用”版本。
- 深浅的蓝色为链接提供了最强的信号,但其他颜色的效果也差不多。
- 和往常一样,当使用颜色来表示信息时,应该为色盲用户提供多余的提示。让未访问的链接比访问过的链接更亮、更亮通常可以达到这个目标。
- 不要用你选择的链接颜色显示文本,除非它是一个链接。
- 通常你应该避免文字的颜色,除非它是一个链接.然而,假设它与链接颜色不同,有时您可以使用彩色文本,而不会造成重大的可用性问题。例如,在检查表摘要中,可以用绿色显示单词“okay”,用红色显示单词“error”。(单词的意思明显不同,这一事实为色盲用户提供了必要的冗余提示。)
- 不要使用蓝色作为非链接文本,即使你不使用蓝色作为链接颜色。蓝色仍然是点击性感知最强的颜色。
- 当光标悬停在链接上时,不需要使用特殊颜色或其他可视化效果。当用户在屏幕上移动鼠标时,这样做只会使页面显得更加混乱。
- 例外情况:如果你选择以低于最大可点击性感知功能的方式呈现链接,你可以通过在用户悬停在链接上时发出可点击性信号来恢复部分失去的可用性。例如,如果链接没有下划线,则可以在悬停时显示下划线。
- 在任何情况下,不要使用粗体作为悬停效果,因为使字体变宽可能会导致文本重新对齐。
- 一个有用的悬停效果是使用链接标题帮助用户在点击链接之前预测链接的指向。(如果你使用的是主流浏览器,你可以通过将鼠标悬停在这一栏的链接上看到这种效果。)
- 不要使用微小的文字链接。不要把链接放置得太近,这样运动技能较差的用户很难选择它们。确保这些指导方针特别重要对老年用户的可用性.
- 例外情况:对于很少用户需要的链接(如版权信息)使用小字体是可以的,只要你把这些链接放在次要位置(如页脚),这样用户就不会觉得有义务阅读它们。
- 如果你的目标用户是老年人或者有很多老年人,确保你的链接出现在大字体(12点或更高),并且链接包含足够的文本,使他们容易点击。
这些指导方针都与文本链接有关外观.更重要的是,你要仔细选择链接内容(实际的单词),但这是另一个话题。(建议,请参阅网页可用性该网站的链接指南有六条,写作指南有十二条,导航指南有七条。)图形链接是另一回事,但对于大多数链接,通常最好使用文本。
遵循网站链接外观的可用性指导原则,可以让用户更容易地立即确定他们可以在每个页面上做什么,并减少他们忽略重要链接的可能性。
另请参阅
- 内部网信息架构(IA)用于内部网上的链接的广泛讨论。
- 内部网的链路列表颜色.
分享这篇文章: