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

Html 使用WCAG 3.2处理打开新选项卡和确保web可访问性的技术,html,css,wcag,Html,Css,Wcag,WCAG 3.2指出内容应以可预测的格式提供(),随后,当单击打开新选项卡时,用户会意识到这一点 我有一个网页,其中列出了在新选项卡中打开的许多链接。W3C建议在链接文本中指出这一点,或者在悬停/焦点上提供一个指示器。但是,由于同一页面上有大量的链接需要这样做,因此提供这些选项将严重破坏设计/用户界面。是否有其他视觉干扰较小的方法来实现此一致性,而无需为每个链接提供弹出窗口或文本警告 此外,是否存在与打开新窗口/选项卡相关的其他可访问性问题?这可能取决于您试图实现的目标。大多数公司(以及大多数国

WCAG 3.2指出内容应以可预测的格式提供(),随后,当单击打开新选项卡时,用户会意识到这一点

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

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

这可能取决于您试图实现的目标。大多数公司(以及大多数国家的法律)要求AA合规。事实上,指导方针说AAA合规性应该而不是被要求

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

但是,这并不意味着你不应该考虑AAA要求的<强>某些< /强>。例如,颜色对比度大于4.5:1()或确保链接文本本身有意义,而不是依赖其周围的上下文()都是AA合规性的重要增强

关于在新窗口中打开的链接,这属于AAA一致性。因此,根据您试图实现的一致性级别,您可能不必遵守它

如果你的站点中只有少数几个在新窗口中打开的链接,那么最好有一个视觉指示器,显示链接将在新窗口中打开,并将相同的信息传达给屏幕阅读器。(例如,请参阅。您也可以使用图标而不是文本,但请确保图标具有
alt
属性,或者通过或向屏幕阅读器提供上下文)

但是如果你这样做了,然后你有了一个页面,其中大部分链接都指向一个新窗口,那么这个页面可能会被所有额外的信息弄得乱七八糟。这是你必须小心的地方。如果你决定在一个页面上有一个一般性的评论,说所有链接在一个新窗口中打开,这样你就不需要在每个链接旁边有一个图标,那么你就失败了,这是AA的要求。也就是说,在链接旁边会有一些带有“新窗口”图标的页面,而另一个页面则没有


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

非常感谢您的详细回复。这确实让我对这个问题有所了解。