链接
超链接是互联网的基础。重要的是,它们是可靠的、相关的、可理解的。
常见链接问题
模糊或非描述性链接
链接文本必须是描述性的。人们需要知道他们点击链接后会得到什么。
一个很好的衡量标准是,如果你把链接的文本大声朗读给坐在你旁边的人听,他们就能告诉你,如果他们在不知道任何链接上下文的情况下点击它会发生什么。
只有“阅读更多”或“学习更多”字样的链接不仅对某些残疾人来说是无法BET9九州体育登陆官方的,而且对任何人来说都是模糊和无益的。
“点击这里”也是一个常见的错误。这是一个特定的动作;这取决于设备和能力。如果你是在手机上,你就不会“点击”,因为你没有使用鼠标。如果你使用屏幕阅读器、键盘、声控设备等辅助工具,“点击这里”也是不准确的。
重复或非唯一链接
你不应该在同一个页面上有多个链接,说同样的事情。依赖于屏幕阅读器等辅助技术的人将无法区分页面上“下载教学大纲”的链接和其他七个“下载教学大纲”的链接。在这种情况下,包含类名和节号将允许任何人,包括不依赖屏幕阅读器的人,快速识别哪个链接包含他们想要的信息。
最佳实践
良好的环境
链接文本应该有所有的上下文,有人需要决定他们是否想要点击它。
虽然像“下载教学大纲”这样的东西比“点击这里”或“学习更多”更好,但重写一个句子或短语通常会更好,使链接文本具有描述性和主动性。
例子
因为在页面上有虚假链接实际上会违反很多这些规则,所以示例链接使用加粗的文本加引号,而不是蓝色和下划线。
学生应该在预约咨询前填写“表格”。
在这个例子中,只有“形式”这个词脱离上下文才勉强可以理解。更好的链接文本可以是“主要建议摄入形式”代替。
在新窗口中打开链接
用户可以决定他们什么时候在一个新窗口中打开链接,你不应该把链接设置为自动打开。
行动呼吁
所有关于链接的规则也适用于Call to Action元素。
号召行动元素的设计是为了在校园网页模板的其他视觉设计元素中脱颖而出。然而,它经常被误用。
- 要不要用强烈的动词来表达你要用户采取的行动
- 不要使用诸如“read more”或“learn more”之类的通用文本。
- 不要使用多个Call To Action元素
- 不要仅仅使用号召行动来导航到其他页面——在这种情况下,组件九州体育应该是链接