ARIA和WCAG 2.0的成功标准

时间:2016-12-02 22:03:59

标签: html accessibility wai-aria wcag

如果我弄错了,请纠正我。如果我理解正确,我不必使用aria-hidden来获取文档来源中基本可用的元素,但并不总是显示。

例如,文档源中存在的图像滑块或菜单或工具提示(基本上它们是可用的),但并不总是在显示器上以可视方式呈现给用户。

因为这对我来说听起来很奇怪,为了符合WCAG 2.0,我不必使用ARIA来

1 个答案:

答案 0 :(得分:2)

您无需使用aria-hidden来与WCAG会面。您可以使用它来与WCAG会面。您也可以 使用它并意外违反WCAG。

如果您想要在视觉上显示某些东西,但要将其隐藏在辅助技术(在这种情况下是屏幕阅读器),那么aria-hidden可能是最佳选择。

如果您想隐藏辅助技术中的视觉,请跳过aria-hidden,然后使用display:none;设置样式。

如果你想隐藏一个元素的原生语义(比如遗留布局表),但是否则显示其中的所有内容,那么role=presentation就是你要去的地方。

重要的是,请勿使用aria-hidden隐藏需要获得焦点或互动的内容(根据Fourth Rule of ARIA)。这样做会违反WCAG。

因此,例如,如果您有一个工具提示样式设计元素在不使用时隐藏display:none;,请跳过aria-hidden。这只是额外的噪音,如果您无法使用视觉样式更新代码,您的代码将无法访问。