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
。如果您未能使用视觉样式更新它,这只是额外的噪音和一个额外的地方,您的代码可能变得无法访问。
如果我理解有误,请纠正我。如果我理解正确,我不必对文档源中基本上可用的元素使用 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
。如果您未能使用视觉样式更新它,这只是额外的噪音和一个额外的地方,您的代码可能变得无法访问。