平常接触的不多，之前看到奇舞团的一篇文章，可以参考 -->无障碍Wb：https://mp.weixin.qq.com/s/3QNXBpGB0ZiroV8OGnXCbA

对于无障碍web,平常做的最多的可能是在img标签上使用alt描述，在一些非文本标签中alt提示。其余的接触不多，这是W3C制定的WAI-ARIA 无障碍Web规范https://www.w3cplus.com/wai-aria/wai-aria.html

1. navigation control (tabindex)
2. focus control (js)
3. semantic html (h1, form, section...aria roles, labels...alt...)
4. color theme (color-blind friendly)
5. keyboard action support

无障碍 web 是指能让视觉障碍的人也能根据屏幕阅读器的提示阅读网页。这一块只知道一个大致概念，国内使用较少（甚至还遇到过加了 title 被测试提 bug 的情况）

目前能想到的只有下面几点：

• 尽可能地使用语义化标签，如 <section>, <article> 等标签
• img 标签添加 alt
• button 或者按钮上添加 title
• 表单尽量使用 label for 可以和控件的 id 进行关联

参考文章：
无障碍 Web

指的是让有视听障碍的人也能完整访问。

开发中需要做到：

• 语义化标签
• 缩写和简写时，可在title上写出具体意思
• 图片的alt要描述出图片展示的内容

无障碍 web 是指能让视觉障碍的人也能根据屏幕阅读器的提示阅读网页。这一块只知道一个大致概念，国内使用较少（甚至还遇到过加了 title 被测试提 bug 的情况）

目前能想到的只有下面几点：

尽可能地使用语义化标签，如

WAI的目标是易用性，关于如何使内容对残障人士更易用，在开发过程中最好使用相对的字体尺寸，并且为图像添加alt属性

无障碍Web（Web Accessibility，简称WAI）是指通过采用一系列的技术和标准，使得Web内容和Web应用程序能够对所有用户无论其能力水平、设备或环境条件如何，都能够访问、理解和使用。

以下是在开发过程中实现无障碍Web的一些建议：

1. 遵循Web内容无障碍指南（WCAG）：

   • WCAG是一个国际性的标准，提供了一套关于如何使Web内容更加无障碍的指南。开发者应该熟悉并遵循这些指南。

2. 合适的HTML标记：

   • 使用正确的HTML标记来描述页面的结构，例如正确使用标题、列表、表格等元素。

3. 提供清晰的页面结构和导航：

   • 确保页面拥有清晰的结构，使得屏幕阅读器和其他辅助技术能够正确解释页面内容。

4. 提供有意义的文本和标签：

   • 确保所有的页面元素都有合适的文本标签，以便于屏幕阅读器正确阅读和理解页面。

5. 使用无障碍表单：

   • 确保表单元素具有明确的标签，并提供适当的错误提示信息。

6. 提供适当的图像描述：

   • 对于所有的图像元素，使用alt属性提供适当的描述信息，以便于视觉障碍用户可以理解图像的内容。

7. 避免依赖于颜色：

   • 不要仅仅依赖于颜色来传递信息，确保信息可以以其他方式传达。

8. 测试和评估无障碍性：

   • 使用无障碍性测试工具来评估你的网站，例如WAVE、axe等工具。

9. 使用Aria属性：

   • Accessible Rich Internet Applications（ARIA）提供了一组属性，可以用于改善交互式组件的无障碍性。

10. 键盘导航和焦点管理：

    • 确保你的网站可以通过键盘进行完整的导航和操作，而无需使用鼠标。

11. 提供文档和培训：

    • 为团队成员提供无障碍Web开发的培训，并提供相关的文档和资源。

通过遵循以上原则和实施相应的技术，你可以大大提高你的网站的无障碍性，使得更多的用户能够访问和使用你的网站，无论他们是否有特殊的能力需求。