无障碍开发笔记1 - ARIA

目录

1. 前言

2. 如何开启无障碍模式

2. ARIA

3. 在HTML中使用ARIA的规则

4. 移动端H5无障碍适配方案

---

1. 前言

2020 年末，工信部印发《互联网应用适老化及无障碍改造专项行动方案》通知，并把适老化及无障碍改造水平评测和企业信用评价纳为重点工作，在国家的大力倡导下，我们更应该要关注互联网应用的无障碍访问。

全国现有 8500 多万残障人士，2 亿多 60 岁以上的老年人，还有隐藏在人群中的大量有障碍人士。我们要提高用户的无障碍体验，让他们也能共享便捷操作，就必须要加大互联网无障碍访问在我们产品中的应用，使得我们产品变得更加人性化。

使用无障碍访问的人并不完全都是残障人士，有可能是所处环境不方便比如说手受伤了，眼镜丢了，弱视，或者在光线很强的场景下等情境限制下，也有可能是用户的硬件出现了故障，比如鼠标坏了等等。这时候可以借助无障碍方式访问，方便用户快捷的使用。

2. 如何开启无障碍模式

首先，了解下常见的读屏软件，如下列表：

移动端：

• Android: TalkBack
• Android: Funtouch
• iPhone: VoiceOver

桌面端：

• Windows: NVDA, JAWS
• Chrome: ChromeVox
• OSX: VoiceOver

iOS如何开启无障碍模式

        设置中 => 辅助功能 => 打开旁白

安卓如何开启无障碍模式

<