链接和超文本
链接和超文本简介

概观

超文本链接是HTML的最基本元素之一,顾名思义(HTML代表超文本标记语言)因此,制作超文本链接是Web可访问性最基本,最重要的方面之一。在大多数情况下,这是一项简单的任务标准超文本链接适用于所有技术和平台,所有能力的用户都可以访问它们,无论是直接还是通过使用某种辅助技术正如可能预期的那样,超文本链接可访问性不仅仅是创建链接某些类型的链接比其他链接更多,而某些类型的链接完全在某些类型的残疾人身上由于链接对于Web内容的功能来说是如此基础,因此链接是整体可访问性最严重的障碍之一。

键盘的键盘可访问性

用户必须能够仅使用键盘导航并选择每个链接在大多数浏览器中,标签key允许用户从链接跳转到链接,并且输入key允许用户选择一个链接如果访问链接的唯一方法是使用鼠标,则无法使用鼠标的人无法使用该链接How is it even possible to create a link that is in万博体育官网网址 by keyboard? The most common method is by using JavaScript event handlers that do not permit keyboard access (see the article onJavaScript事件处理程序)。

重要

链接必须非空HREF属性为了被认为是真正的链接并且是键盘用户。

最严重的障碍之一是创建无处可寻的链接开发人员有时会使用JavaScript创建动态菜单,当用户将鼠标悬停在某些链接上时,这些菜单会下拉在某些情况下,链接本身根本不存在,它的唯一目的是在下拉菜单中显示链接,这些链接确实有真正的目的地Links like this often have a pound sign as the link destination, which means that the link destination is the same page; clicking on the link accomplishes nothing尝试激活链接时,键盘用户和鼠标用户都将不会遇到任何操作。

不好的例子

这个例子中的链接无处可去它的唯一目的是激活JavaScript函数。

<a href="#" onmouseover="dropdownmenu()">产品</a>

Mouse users will at least be able to click on the links in the drop-down menu, but keyboard users cannot access the drop-down menu, so the link is completely useless and all of the link destinations in the drop-down menu are completely in万博体育官网网址 to them一种解决方案是放弃下拉菜单,而是使用标准的超文本链接另一种解决方案是指定真实的链接目的地(例如,HREF = “products.htm”)列出通过下拉菜单可用的相同链接有关更多信息,请参阅中的示例2的onMouseOverJavaScript事件处理程序文章的一部分

屏幕阅读器和链接

屏幕阅读器通常通知用户一段文本(或图形)是链接

大多数屏幕阅读器在每个链接之前都说“链接”例如,“产品”链接将被JAWS读作“链接产品”。

意义:链接不需要在链接文本中包含“链接”,因为所有用户都已知道该链接是链接这更像是用作链接的图形问题该ALTtext for a graphic does not need to say "link" or "link to." Otherwise, JAWS users will hear "link graphic link to Products," which is redundant.