Summary
你可以通过使链接简明扼要来提高它们的可用性和可访问性, 描述性的, 断章取义.
链接是任何数字体验中最基本的元素之一. 学会写好的链接文本可以改善你的邮件, 网页, 课程网站, 文件和数字内容.
影响
精心编写和放置的链接可以帮助视力正常的人和使用屏幕阅读器或其他自适应技术的人阅读内容. 研究表明,视力正常的用户通常会扫描网页上的链接,以帮助他们找到他们想要的东西. 使用屏幕阅读器的人可以通过触摸一个按钮来完成类似的操作,并听到页面上所有链接的列表. 位置良好的链接提供了足够的上下文,帮助所有用户在知情的情况下决定他们想要访问哪些链接.
注意事项
您可以通过链接脱离上下文有意义的文本来提高在线文档和网页链接的可用性和可访问性, 简洁的, 和描述性的.
链接有意义的文本
在其他文本中嵌入大多数链接. 像平常一样写作, 然后突出显示要制作成链接的文本, 然后插入链接. 在许多应用程序中,Windows计算机上的快捷键是control + K, Mac计算机上的快捷键是command + K.
输入电子邮件地址,然后链接电子邮件地址.
例子
有几件事需要考虑 创建可访问的链接文本.
学习 易访问、可用和通用设计之间的区别.
的 文章,“无知的面纱”, 挑战读者想象在一个新的现实中醒来,在这个现实中,他们不再是过去的那个人,有了一个潜在的新的社会/经济地位, 性别, 种族, 外观, 残疾或合并. 这将如何影响读者的设计方法,从建筑和设备到互联网?
不要将实际的URL显示为链接.
自适应技术的用户将不得不在他们的屏幕阅读器读取URL的每一个字符时倾听.
不要链接到其他文本中的电子邮件地址. 例如, 如果您将个人或组织的名称链接到电子邮件地址, 用户不会自动知道该链接将打开一个电子邮件客户端,而不是一个网页, PDF, 或其他文件.
例子
正确的方法见上文.
在创建可访问的链接文本时,有几件事需要考虑. 了解更多.
点击这里 了解易访问设计、可用设计和通用设计之间的区别.
这篇文章, 《凯发k8官网下载客户端》, 挑战读者想象在一个新的现实中醒来,在这个现实中,他们不再是过去的那个人,有了一个潜在的新的社会/经济地位, 性别, 种族, 外观, 残疾或合并. 这将如何影响读者的设计方法,从建筑和设备到互联网?
在链接的文本中清楚地解释当读者点击链接时,他们会找到什么信息. 帮助他们快速扫描链接,以确定他们是否想要点击并阅读它.
链接的文本应该部分或全部与链接返回的页面标题相匹配.
例子
学习 编写链接的最佳实践.
不
不要让用户必须点击一个链接才能找到它的位置. 避免链接文本,例如:
- 点击这里
- 更多的
- 阅读更多
- 听一个例句
- 信息
不要连读整个句子. 较长的链接更有可能在网页或文档中断开, 让它看起来像两个链接, 它还可能重复链接页面上的大部分信息.
例子
在页面内容中多次出现一个链接可能会导致不希望出现的结果.
- 重复的链接导致用户怀疑两个实例是否指向相同的资源.
- 重复链接会显著增加页面上的链接数量,而屏幕阅读器和纯键盘导航用户必须通过这些链接进行导航.
- 大多数屏幕阅读器和屏幕放大应用程序都包含在页面上创建简单链接列表的功能, 这可能会导致混乱时,有多次出现相同的链接文本.
Do
只在它们有意义或被减轻的情况下重复链接, 比如多个“返回顶部”链接和面包屑链接, 菜单, 以及其他动态内容.
不
不要为同一个链接多次包含链接文本或代码, 例如,通过包括替代文本(alt文本)的标志,然后在链接文本中重复alt文本.
让主要内容中的链接看起来像链接. 浏览器默认为它们加下划线,用户明白这意味着什么.
让用户可以在菜单和其他导航区域点击链接.
不
不要让链接看起来像按钮.
- 链接转到新页面.
- 按钮提交信息或执行另一个操作.
- 按钮可以用空格键或回车键操作.
例子
- 使用语音控制软件的人可能会看到一些看起来像按钮的东西,并告诉软件“点击按钮”,但如果它真的是一个链接,软件可能不知道如何选择它.
- 视力低下的人使用屏幕阅读器软件时,可能会看到一些看起来像按钮的东西, 但听到屏幕阅读器说“链接”时,你会感到困惑.
- 如果一个使用屏幕阅读器的人打电话给帮助台,并得到“点击按钮”的指示,这实际上是一个链接, 他们可能很难找到它.