使用WCAG 3.2处理打开新选项卡和确保web可访问性的技术



WCAG 3.2表示内容应以可预测的格式提供(https://www.w3.org/TR/2016/NOTE-UNDERSTANDING-WCAG20-20161007/consistent-behavior.html)并且随后当新的时,在点击时打开新的选项卡,使得用户意识到这一点。

我有一个网页,上面列出了在新选项卡中打开的许多链接。W3C建议在链接文本中指出这一点,或者在悬停/聚焦上提供一个指示器。然而,由于同一页面上有大量的链接需要这样做,因此提供这些选项会严重干扰设计/UI。在不为每个链接提供弹出窗口或文本警告的情况下,是否有其他视觉干扰较小的方法来实现这种一致性?

此外,是否存在与打开新窗口/选项卡相关的其他可访问性问题?

这可能取决于您试图实现的一致性级别。大多数公司(以及大多数国家/地区的法律)都要求遵守AA。事实上,指导方针说AAA合规性应该而不是

注意2:不建议将AAA级一致性作为整个网站的一般策略,因为不可能满足某些内容的所有AAA级成功标准。

但是,这并不意味着您不应该考虑一些AAA要求。例如,颜色对比度大于4.5:1(1.4.6对比度(增强)),或者确保链接文本本身有意义,而不是依赖于它周围的上下文(2.4.9链接目的(仅链接)),都是AA一致性之上的巨大增强。

关于在新窗口中打开的链接,这属于3.2.5请求更改,这是AAA一致性。因此,根据你试图达到的一致性水平,你可能不必遵守它

如果你的网站上只有几个在新窗口中打开的链接,那么最好有一个视觉指示器来显示链接将在新窗口打开,并将相同的信息传达给屏幕读者。(参见H83:使用target属性根据用户请求打开一个新窗口,并在链接文本(HTML)中指出这一点作为示例。您也可以使用图标而不是文本,但请确保图标具有alt属性,或者您通过aria-labelaria-labelledby或视觉隐藏的文本向屏幕阅读器提供上下文)。

但是,如果你这样做,然后你有一个页面,其中大多数链接都指向一个新窗口,这个页面可能会被所有额外的信息弄得一团糟。这是你必须小心的地方。如果你决定在一个页面上有一个一般性的评论,说所有链接都在一个新窗口中打开,这样你就不需要每个链接旁边都有一个图标,那么你就没有通过WCAG 3.2.4一致性标识,这是AA的要求。也就是说,你会有一些页面在链接旁边有"新窗口"图标,而另一个页面没有

因此,您需要决定是否要指示链接在新窗口中打开(AAA要求)。如前所述,实现一些AAA要求是一件好事。只要始终如一。

相关内容

最新更新