[Accessibility] Web Accessibility入门

最新推荐文章于 2023-09-12 14:53:55 发布

爱写点东西的留白

最新推荐文章于 2023-09-12 14:53:55 发布

阅读量2.1k

点赞数 4

分类专栏： Web Accessibility 文章标签： html5

本文链接：https://blog.csdn.net/LiuBai_X/article/details/103976794

版权

本文介绍了Web Accessibility的基础知识，包括Web可访问性的概念、为何要实现站点的可访问性、WCAG标准、VPAT、WAI-ARIA以及如何测试Web Accessibility。强调了无障碍设计不仅对残障人士有益，也提升了健全用户的体验。并推荐了Axe和Nvda等测试工具。

摘要由CSDN通过智能技术生成

Web Accessibility

国内公司几乎不会考虑Web Accessibility，这与我们的法律有关，国内的法律并不强制要求Web Accessibility，而像美国，甚至专门出台了一个508康复法案，制订了若干Accessibility标准，一旦某公司的产品不达标，就要面临法律风险。所以很多外企，尤其是在我们国内设立研发中心的，基本上都要了解一点Web Accessibility，我在公司研究过一阵Web Accessibility，没有中文资料，确实挺麻烦，在对Web Accessibility有了大概的了解后，就一直想写一些Web Accessibility的博客，供有需要的朋友浏览，但一直拖到了2020一月中旬才开动，我会尽可能地以汉语习惯表达，但免不了出现一些纰漏，如有谬误，还请大家指教。

什么是Web Accessibility？

Web Accessibility翻译为Web可访问性或Web无障碍环境，指用户（所有用户，包括残障人士）可以轻松访问Web。为此，W3C还发起了倡议——WAI，WAI提供了一系列的规范和标准（WAI-ARIA，WCAG等）。当我们说我们的网站Accessible，那么所有用户访问起来都应该很轻松，这就意味着要对残障人士的体验做一些额外的处理。

为什么要让站点是Accessible？

Accessible的站点不仅让残障人士可以拥有好的体验，健全用户也会因此而受益。

当站点有一个checkbox，点击起来非常难受，我们要很小心地移动鼠标才能准确命中它，而当我们将一个<label>用for属性绑定到这个checkbox，那么我们点击label区域就可以操作checkbox了，对于健全用户，这个checkbox用起来更舒服，对于残障人士，这个checkbox多了一个label描述的accessible name，他们更容易去理解这个checkbox的含义和用途。

有时候，一些国家或地区的法律要求站点是accessible的。

像是美国，他们有个508康复法案，要求在联邦经营的站点必须accessible，欧盟也有类似的法律，其他各国很多也有相关的法律或政策限制。所以对于想要走出国门的公司，深入了解Web Accessibility是相当必要的，国内的大部分外企就更不用多说了。

残障人士是一个潜在的巨大市场。

根据W3C的数据，全球预计1 billion残障人士，市场规模高达$7 trillion，有兴趣的可以去了解下：