Web Accessibility网页无障碍介绍

Web Accessibility 意味着残障人士可以使用Web 。更确切的说，Web accessibility 意味着残障人士可以感知，理解，浏览，和Web 互动，他们也可以为Web 做出贡献。

简单解释

Web Accessibility：网页亲和力（又称网络无障碍、网络可达性、网络可用性、网页可访问性）

在MDN上有为了认知障碍者总结的开发守则：

• 用多种方式展示内容，例如通过文本，语音或视频；
• 编写易于理解的内容，例如少用方言或者颜文字；
• 重要的内容要细心写；
• 尽量减少干扰，例如一些没什么用的功能与广告；
• 网页布局与导航要一致；
• 常规的元素样式，例如带下划线的链接（未访问时为蓝色）和访问时为紫色；
• 流程交互要具有进度以及步骤指示；
• 用户权限认证方式要简单；
• 错误信息要展示清楚；
• 表单要便于填写与操作。

角色（Roles）

<li role="menuitem">Open file…</li>

状态与属性（States and Properties）

<li role="menuitemcheckbox" aria-checked="true">Sort by Last Modified</li>

[aria-checked="true"] { font-weight: bold; }
[aria-checked="true"]:before { background-image: url(checked.gif); }

参考

https://www.php.cn/div-tutorial-234493.html

https://blog.csdn.net/weixin_37615279/article/details/103465852