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

Question

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

我有一个网页，其中包含许多在新选项卡中打开的链接列表。 W3C 建议要么在链接文本中指出这一点，要么在悬停/焦点上提供指示符。但是，由于同一页面上有大量链接需要这样做，提供这些选项会严重破坏设计/UI。在不为每个链接提供弹出窗口或文本警告的情况下，是否有其他视觉侵入性较小的方式来实现这种一致性？

此外，是否存在与打开新窗口/标签相关的其他可访问性问题？

Answer 1

这可能取决于您要实现的 level of conformance。大多数公司(和大多数国家/地区的法律)都要求符合 AA。事实上，指导原则表示不必须符合 AAA 标准。

Note 2: It is not recommended that Level AAA conformance be required as a general policy for entire sites because it is not possible to satisfy all Level AAA Success Criteria for some content.

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

关于在新窗口中打开的链接，属于 3.2.5 Change on Request ，符合 AAA 标准。因此，根据您要达到的一致性级别，您可能不必遵守它。

如果您的站点中只有少数几个链接会在新窗口中打开，那么最好有一个视觉指示器来显示链接将在新窗口中打开，并将相同的信息传达给屏幕读者。 (以 H83: Using the target attribute to open a new window on user request and indicating this in link text (HTML) 为例。您也可以使用图标代替文本，但请确保图标具有 alt 属性，或者您通过 aria-label 、 aria-labelledby 或 visually hidden text 向屏幕阅读器提供上下文) .

但如果您这样做，然后您的页面中大部分链接都指向一个新窗口，那么该页面可能看起来会因所有额外信息而变得杂乱无章。这是你必须要小心的地方。如果您决定在那个页面上发表一般性评论，说所有链接都在新窗口中打开，这样您就不需要每个链接旁边都有一个图标，那么您将失败 WCAG 3.2.4 Consistent Identification ，这是 AA 要求。也就是说，有些页面的链接旁边带有“新窗口”图标，而另一页面则没有。

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