1

我决定尝试让屏幕阅读器和其他辅助技术更容易访问我的网站。目前我真的专注于我的导航。因为如果您真正想要的项目嵌套很深并且接近末尾,那么谁愿意遍历菜单上的所有项目?

因此,我正在处理的网站有一个完全基于 CSS 的下拉菜单,我正在使用 javascript 对其进行扩充,以使其键盘可访问并添加 aria 属性以帮助屏幕阅读器。

我的问题是

鉴于我现有的菜单是纯 CSS,我想知道我现在是否需要使用 javascript 来扩充我的菜单,以便在菜单的一部分变得可见时更新 aria-hidden 属性?还是在第一个实例中将其设置为 aria-hidden="true" 并保留它只是为了向屏幕阅读器指示默认状态就足够了吗?

任何使用纯 CSS 显示/隐藏内容的东西现在都需要用 javascript 增强,这对我来说并不合适——感觉它违背了纯 CSS 显示切换的全部目的。

4

1 回答 1

2

是的,您必须在状态更改时设置 aria-hidden。

作者必须在不显示的内容上设置 aria-hidden="true",无论用于隐藏它的机制如何。

咏叹调隐藏规范

该措辞向我表明,无论您使用 CSS 还是 javascript 来切换可见性,您都需要更新 aria-hidden 值。

于 2012-12-05T07:00:56.283 回答