ARIA 和 WCAG 2.0 成功标准

ARIA and WCAG 2.0 success criteria

如果我理解有误,请纠正我。如果我理解正确,我不必对文档源中基本上可用的元素使用 aria-hidden,但并不总是显示。

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

因为这对我来说听起来很奇怪,所以我不必为此使用 ARIA 来满足 WCAG 2.0

您不需要使用 aria-hidden 来满足 WCAG。您可以 用它来满足 WCAG。您可以使用它并意外违反 WCAG。

如果您想以视觉方式显示某些内容,但又想通过辅助技术(在本例中为屏幕阅读器)隐藏它,那么 aria-hidden 可能是最佳选择。

如果您想通过辅助技术在视觉上 隐藏某些内容,请跳过 aria-hidden 并使用 display:none; 设置样式。

如果您想隐藏元素的本机语义(例如遗留布局表)但要显示其中的所有内容,那么 role=presentation 是可行的方法。

重要的是,不要使用 aria-hidden 来隐藏需要接收焦点或交互的内容(根据 Fourth Rule of ARIA)。这样做会违反 WCAG。

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