Web无障碍访问

概念

WCAG，全称为Web Content Accessibility Guidelines，中文译为网页内容无障碍指南，是一套由国际标准化组织（ISO）发布的指导性技术标准。它的主要目标是创建一个无障碍和包容的数字环境，使每个人都能平等地获取信息和服务。

WCAG包含了视力、听力、运动和智力等多方面的标准条例，并涵盖了台式机、笔记本电脑、平板电脑和移动设备上的Web内容的无障碍问题。遵循这些准则将使更多的残疾人更容易获取网站内容，其中包括失明和弱视、耳聋和听力丧失、运动受限、言语障碍、光敏性和多种残疾组合的残疾人，以及有学习障碍和认知局限的残疾人。

值得注意的是，WCAG并未满足所有类型、程度和多重残疾人群的需要，但它适用于广泛的残疾类别，包括视觉、听觉、身体、语言、认知、学习和神经残疾。此外，这些指南也适合老年人上网，还可让普通用户更好地使用。

第一套指南 WCAG 1.0 于 1999 年 5 月发布，并于 2008 年 12 月更新为 WCAG 2.0，于 2018 年 6 月更新为 WCAG 2.1。目前，最新版本的WCAG 2.1已经成为开发和更新Web无障碍策略的重要参考依据。WCAG 2.2 计划于 2023 年发布。WCAG 的更新总是向后兼容。因此，如果符合 WCAG 2.1，也必将符合 WCAG 2.0。

无障碍访问标准

Web无障碍访问（Web Accessibility）是指设计和开发网站、应用、工具和技术，以确保所有人都能够使用和理解，无论他们的能力如何，例如有视觉、听觉、运动、认知或其他类型的障碍。这包括确保网站可以通过键盘和辅助技术（如屏幕阅读器）进行导航，提供足够的颜色对比和清晰的字体大小，以及避免使用可能会混淆用户的复杂布局和动画。

无障碍Web设计的目标是确保所有人都能平等地访问和使用Web资源，包括残障人士、老年人以及在不同设备和网络条件下访问Web的用户。为此，开发者需要遵循一系列的国际标准和最佳实践，如WCAG（Web内容无障碍指南）和ARIA（Accessible Rich Internet Applications）等。

以下是一些实现Web无障碍访问的关键要素：

感知性（Perceivable）：信息和用户界面组件必须可以通过各种感官进行感知。例如，提供文本替代（alt文本）以供屏幕阅读器使用。
可操作性（Operable）：用户界面组件和导航必须可以通过键盘和辅助技术进行操作。例如，确保所有功能都可以通过键盘快捷键访问。
可理解性（Understandable）：信息和操作必须是清晰的，且易于理解。避免使用过于复杂或不清晰的语言，确保导航结构直观且一致。
健壮性（Robust）：内容必须能够在各种设备和浏览器上正常工作，包括旧版本和辅助技术。使用语义化的HTML标记，避免依赖特定的设备或技术。

总的来说，Web无障碍访问是一个综合性的过程，需要开发者、设计师、测试人员和内容创作者等多方面的合作。通过遵循无障碍设计的最佳实践和标准，可以创建一个更加包容和友好的Web环境，让所有人都能平等地访问和使用Web资源。

规则

目前，一般网站都会以 WCAG 2.1 版本作为主要参考标准，参考文档：www.w3.org/TR/WCAG21/ 对于 WCAG 指南的每个版本，成功标准有三个等级 —— A、AA 和 AAA。等级 A：最低要求，比较容易实现等级 AA：一般要求，大多选择此等级等级 AAA：强化要求，比较难实现然后大部分情况，需求都是需要支持 WCAG 2.1 AA 级标准。 WCAG 2.1 官方文档：www.w3.org/TR/WCAG21/ 中文：www.w3.org/Translation…

测试工具

AXE DevTool

浏览器插件：官网 | chrome store | crx4chrome | Edge，功能是扫描静态页面，测试方式就是浏览器打开每个页面，然后单个页面扫描。 1. 只扫描Scan ALL of my page功能。 2. 关闭Best Practices选项，置位OFF。 3. 点击hightlight可以高亮对应元素。

Lighthouse

developer.chrome.com/docs/lighth… Lighthouse 是由Google 开发并开源的Web 性能测试工具，通过监控和检测网站应用的各方面性能表现，为开发者提供优化用户体验和网站性能提供指导建议。 Lighthouse 明显扫描很慢，它更多用于检测网站性能用的。AXE Tool 相比之下扫描更全，更快，提示更好些。