javascript - 使用 JS 添加 WAI-ARIA 属性

标签 javascript wai-aria

在工作中,我一直在优化我帮助为我们的一位客户(我不能说是谁)开发的网站之一,以便使用 WAI-ARIA 属性符合 ADA。我一直在想,创建一个小型 JS 库是否会更容易,它可以执行以下操作:将“role=button”添加到我设计的看起来像按钮的 anchor ,将“tabindex=0”添加到我的元素想要“可选项”等。

我想知道用 JS 添加 WAI-ARIA 属性是否是一个好的做法,或者是不受欢迎的做法。一些辅助功能评估工具在评估页面时不会运行页面的 JS,因此它会认为这些是痛点,但实际上并非如此。

最佳答案

这可能会有所帮助 Add ARIA inline or via script? 另请注意,如果您使用 role=button 则需要 act like a button (即提供适当的键盘交互行为)

关于javascript - 使用 JS 添加 WAI-ARIA 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38112014/

相关文章:

javascript - bootstrap-datetimepicker 支持 24 :00

javascript - foreach 在 laravel 中使用 javascript 循环

javascript - 基于另一个数组并组合过滤数组

javascript - 通过 Javascript 在旧浏览器中支持 HTML 5 特定元素?

javascript - 向上/向下滚动时向上/向下滑动导航栏和底部工具栏(如 Pinterest 应用程序)

html - 在导航栏上使用 `aria-expanded` 是否有意义?

accessibility - 正确隐藏键盘和屏幕阅读器的内容

html - 使可展开的表格行易于访问

jquery - 当 aria-expanded 为 true 时,如何让屏幕阅读器正确说出 'button expanded'

reactjs - React - 如何动态创建属性