javascript - 在 JavaScript 中添加 Web 辅助功能支持

标签 javascript html accessibility wai-aria wcag

通过 JavaScript 添加 WAI ARIA 支持是否足以支持帮助残障用户的设备?该脚本将增强标记,使站点更符合 WAI/ADA 建议(即添加 tabindexaria- 属性/元素等)。令人担忧的是,残障用户可能会使用不支持 JavaScript 的设备,从而导致这种方法徒劳无功。

最佳答案

残疾用户也有 98% 或 99% 在激活 JS 的情况下进行冲浪,所以是的,它对大多数人都有效(来源:最新的 WebAIM 调查)。
但是这种方法会导致代码无法维护:每次开发人员或网页设计师修改 HTML、CSS 和 JS(以及后端?)代码(甚至是内容编写者,如果它也被您的更正)时,它都会中断。脚本),并且您必须修改脚本,或者更糟糕的是,您不会注意到它现在在屏幕阅读器和其他辅助技术中已损坏。

它不会纠正文本和背景之间的对比度(尽管网站启动后很少这样做)。
它不会纠正错误的语义,或者您必须在 JS 中对现有的不良 HTML 代码进行纠正,而不是直接修改模板。为什么不让事情变得不那么复杂,在不破坏现有内容的情况下重构现有网站已经够难的了!
它不会修改非显式链接、错误的标题层次结构、文本中的下划线链接以及带回轮廓(直接在 CSS 中执行)。
如果您无法缩放至至少 200%(在文本模式和图像+文本模式下),则不会改变任何内容。等等

可访问性远不止于tabindex(制作应该是可聚焦的真正链接和按钮元素的不可聚焦元素,而不是允许聚焦但没有其其余行为)。
ARIA 需要一个现代的屏幕阅读器才能被感知......并且首先需要一个屏幕阅读器。例如,放大设备与 ARIA 不兼容。这对于盲人和一些弱视用户(使用 SR 的用户)来说非常有用,但对于其他残疾人来说则不然。
Web 内容可访问性指南 (WCAG 2.0),即 W3C/WAI 针对 Web 内容的建议,具有更广泛的范围来提高可访问性。 WAI/ARIA 对于应用程序(那些在网络上无法使用并且几年前需要安装软件的应用程序)和高级组件具有巨大的可能性,但它应该出现在 WCAG 2.0 之后(作为补充)。

关于javascript - 在 JavaScript 中添加 Web 辅助功能支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24148077/

相关文章:

javascript - 如何将页面从单击退出按钮时使用 window.location.href 打开的新 url 重定向到上一个 url?

javascript - 允许一个 Node 进程在其自己的模块之间进行通信的最适合扩展的方式是什么?

ios - 在 iOS 11.3 Safari 上是否有一种非 hacky 的方法来防止捏缩放?

javascript - 减少来自客户端的第三方异步调用次数

javascript - 使用 request-promise 嵌套异步请求

html - Firefox - 无法刷新缓存的视频文件

javascript - 将文件从目录获取到 HTML 元素中

php - 印度卢比符号未在 Windows 上显示 (7,8) 即使在 Linux 上也显示

html - 官方标题使用原则?

html - 如何出于可访问性原因忽略装饰文本