我决定尝试让屏幕阅读器和其他辅助技术更容易访问我的网站。目前我真的专注于我的导航。因为如果您真正想要的项目嵌套很深并且接近末尾,那么谁愿意遍历菜单上的所有项目?
因此,我正在处理的网站有一个完全基于 CSS 的下拉菜单,我正在使用 javascript 对其进行扩充,以使其键盘可访问并添加 aria 属性以帮助屏幕阅读器。
我的问题是
鉴于我现有的菜单是纯 CSS,我想知道我现在是否需要使用 javascript 来扩充我的菜单,以便在菜单的一部分变得可见时更新 aria-hidden 属性?还是在第一个实例中将其设置为 aria-hidden="true" 并保留它只是为了向屏幕阅读器指示默认状态就足够了吗?
任何使用纯 CSS 显示/隐藏内容的东西现在都需要用 javascript 增强,这对我来说并不合适——感觉它违背了纯 CSS 显示切换的全部目的。