清单：关于网络可访问性的 56 个指导性问题
由 Mux 赞助的 DEV 全球展示挑战赛：展示你的项目！
你知道吗？至少每四个美国人中就有一位是残疾人士？或者说，全球至少有十亿残疾人士？而且据估计，每200名开发人员中就有一位是盲人？
信息的可及性是互联网的基石之一。让我们确保每个人都能参与其中。
这篇博文是为我之前在 Flatiron School 举办的一场讲座而写的——点击此处查看：
目录：
检查一下你的网页应用！
以下是设计无障碍应用时需要做的检查清单。检查您的应用是否……
可感知的
信息和用户界面组件必须以用户能够感知的方式呈现（不能让用户的所有感官都无法感知），例如：
- 你检查过网站上的颜色对比度是否合适吗？
- 你是否确保链接清晰可见？
- 你们使用的是无障碍字体还是允许用户切换字体？
- 能否增大文本大小？应用界面看起来还一样吗？
- 你的CSS中是否
:focus为链接添加了属性？ - 你是否移除了不可见的可聚焦元素？（如果你点击页面，能否清晰地跟随聚焦元素移动？）
可操作
用户界面组件和导航必须可操作（界面不能要求用户执行无法完成的交互），例如：
- 您是否尝试过激活应用程序移动版上的按钮和链接？操作是否简便？
- 如果您使用悬停属性，您是否确保不使用鼠标的人也能使用它？
- 您是否已启用键盘导航？
- 使用 Tab 键切换导航时，导航栏前是否显示“跳转至主要内容”链接？
- 你的按钮元素是否仅用于实际的按钮（而不用于样式设置）？
- 你的表单是否启用了自动填充功能？
- 你们所有字段都有描述性标签吗？
可以理解
信息和用户界面操作必须易于理解（内容或操作不能超出用户的理解范围），例如：
- 你是否已将文本扫描到海明威项目网站？如果没有，请继续阅读：
- 你写的是简明英语吗？
- 你的句子中短句比长句多吗？
- 你是否避免使用被动语态而偏爱主动语态？
- 你会避免使用专业术语和特定文化语境吗？
- 你会避免使用比喻、习语或特定术语吗？
- 您的文本对于从左到右的语言是否是左对齐的？
- 你是否确保了内容的线性流动？
强壮的
内容必须足够强大，能够被各种用户代理（包括辅助技术）可靠地解读（随着技术和用户代理的发展，内容应保持可访问性），例如：
- 你的HTML代码验证过吗？
- 您是否使用语义化的 HTML来清晰地标记页眉、文章、页脚等？
- 你的网站是否经过了HTML验证器检查？
- 您是否确保每个页面/视图最多只使用一个 h1 标签？
- 你在HTML页面上使用了lang属性吗？
- 你是否确保
<title>每个页面/视图上的值都不同？ - 您是否确保没有跳过任何标题层级？（例如 h1、h3、h4）
- 使用列表时，您使用的是逗号
ol(, )ul还是dl空格 (而不仅仅是换行符和连字符 (-))？ - 您的链接和按钮是否具有描述性（例如“辅助技术”而不是“点击此处”）？
- 你是否确保你的应用中不包含任何全部大写的文本？
- 你检查过将文字放大到 200% 后页面的显示效果吗？
- 你们是否移除了移动设备上的横向滚动功能？
- 你的手机应用可以向任意方向旋转吗？
- 你是否启用了视口缩放功能？
- 你是否移除了会话超时设置？
- 如果链接会在新窗口中打开，你会提前通知用户吗？
- 你用屏幕阅读器测试过你的页面吗？
视频、图片和GIF动图：
- 你的图片有替代文字吗？
- 所有视频和动画都可以暂停吗？
- 你们有音频的文字稿吗？
- 在网站上关闭GIF动画容易吗？
- 你关闭自动播放功能了吗？
- 你们页面上的视频有字幕吗？
- 你是否确保图片都添加了描述性的alt标签？
- 你是否确保装饰元素的 alt 标签为空？
代码库
- 您的应用是否包含 README 文件？README 文件是否包含标题和说明？
- 你的代码是否包含注释，以便从一开始就能轻松理解各个代码块的作用？
- 你的变量名称是否清晰地表明了它们的作用？
- 你为了减少代码行数而牺牲了代码的可读性吗？
- 你的应用是开源的吗？你是否提供了贡献指南？
- 您的文件是否齐全？
杂项
- 哪些人负担不起你的应用？如何才能让他们更容易使用？
- 你使用的是中性词汇吗？
- 你使用的语言是否带有任何歧视或歧视性含义？
- 您的网页是否需要高速互联网连接或大量数据传输？
- 你是否在非苹果电脑上测试过你的应用？
阅读更多：
实用工具
照片由 Anna Shvets 拍摄，来自Pexels
文章来源：https://dev.to/sylwiavargas/checklist-web-accessibility-3abl