首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ARIA和WCAG2.0成功标准

ARIA和WCAG2.0成功标准
EN

Stack Overflow用户
提问于 2016-12-02 22:03:59
回答 1查看 146关注 0票数 0

如果我搞错了,请纠正我。如果我正确地理解了它,我就不需要对基本上在文档源代码中可用的元素使用aria-hidden,但是并不总是显示。

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

因为这听起来很奇怪,我不需要用ARIA来实现WCAG2.0

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-03 00:56:13

您不需要使用aria-hidden来满足WCAG。你可以用它来见WCAG。你也可以使用它,不小心违反WCAG。

如果您想要直观地显示某物,但不想使用辅助技术(在本例中是屏幕阅读器),那么aria-hidden可能是最好的选择。

如果您想在视觉上和辅助技术面前隐藏一些东西,那么跳过aria-hidden,只需使用display:none;进行样式设置。

如果您想隐藏元素的本机语义(例如遗留布局表),但不想在其中显示所有内容,那么role=presentation就是最好的选择。

重要的是,不要使用aria-hidden隐藏否则需要接收焦点或交互的东西(根据ARIA第四条规则)。那样做会违反WCAG。

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40941537

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档