在评估网站无障碍性时，顾问们常反复遇到同样的六个问题。
理想状态下，公司应能在内部解决大部分无障碍缺陷，仅在处理高度技术问题时才聘请顾问。遗憾的是，许多公司在实施基本无障碍要求方面仍存困难。解决以下六种常见错误，不仅能消除大量无障碍混乱，更能极大地帮助视障用户。
六种常见的无障碍错误
非营利组织 WebAIM 定期利用自动化测试分析访问量前100万位网站的首页无障碍问题。尽管自动化测试仅能发现约三分之一的无障碍问题，但它有助于识别高频错误。
WebAIM 分析访问量前100万位网站的首页是否存在无障碍错误。
2022年，WebAIM 发现根据《网络内容无障碍指南》（WCAG），所测首页中96.8%至少存在一个错误，且96.5%的错误属于以下六类：
- 文本对比度低
- 图片缺少替代文本
- 空链接
- 缺少表单输入标签
- 空按钮
- 缺少文档语言
1. 低对比度文本
背景与文本颜色相近会导致缺乏对比度，严重影响色盲患者、视力衰退的年长访客及强光下使用移动设备的用户阅读体验。
颜色对比度测试通过“相对亮度”算法量化两种颜色的差异。当差异不足时，难以阅读内容的用户比例会显著增加。Mozilla Foundation 关于色彩与无障碍的文章非常值得一读。
多数情况下，微调文本颜色即可纠正此问题。如下方示例所示，修复仅需对文本颜色进行细微调整：
此文本未能通过颜色对比度测试。文本颜色为十六进制代码 #777（灰色），背景颜色为 #fff（白色）。
—
将文本颜色更改为 #757575（另一种灰色），背景保持 #fff（白色），使该示例通过了颜色对比度测试。
两者视觉差异几乎难以察觉，但在法律层面至关重要。建议将低对比度的品牌色仅作点缀，避免用于正文文本。
2. 缺少替代文本
网页上的每张图片都需要 alt 属性（即代表该图像的文字）。虽然并非所有图像都需要描述性文字（装饰性图片可使用空的 alt 属性），但“空”与“缺失”截然不同。
空 alt 属性显示为 alt=""。此时屏幕阅读器会忽略该图片。若图片确为装饰性元素，此举合理；但按钮、图表或含文字/数字的图片绝非装饰性元素。
缺失 alt 属性意味着该字段不存在。屏幕阅读器通常会认为该图像很重要，并将其文件名作为 alt 属性注入朗读。
判断时可参考万维网联盟（W3C）提供的替代文本决策树。
3. 空链接
没有锚文本的链接即为“空链接”，其问题与缺少替代文本类似。当存在带有 href 属性的 <a> 元素时形成链接，该元素内的所有内容即为屏幕阅读器读取的链接文本。
例如：<a href=”https://www.w3.org/WAI/tutorials/images/decision-tree/”>alternative text decision tree</a> 中，“alternative text decision tree”即为链接文本。
当链接对象为图像（如 JPG、PNG 或字体图标）时，链接的“文本”即为图像的替代文本。若缺失替代文本，则链接为空。屏幕阅读器用户虽知其为链接，却无法获取更多信息。
每个链接都需有描述用途的文本标签，因此图像的替代文本应随上下文变化。例如，产品页面上的展示图应描述物品角度，而指向产品页的产品图则应使用产品名称作为标签。
4. 缺少表单输入标签
收集访客信息（如搜索词、信用卡号、邮箱）的网站会使用表单和输入框。若输入字段无标签，屏幕阅读器用户将无法知晓需填写何种信息。
“标签”不仅指可见文本，还需在代码中包含描述（如“电子邮件地址”）。仅有可见文本但缺乏显式关联，或使用输入时消失的占位符，均视为没有标签。
理想的表单字段应在 <label> 元素内包含可见标签。W3C 的网络无障碍倡议（Web Accessibility Initiative）提供了一篇关于标记表单字段的优秀文章供参考。
5. 空按钮
空按钮的问题与空链接及缺失替代文本相同，即缺少视觉元素的文本版本。非纯文本的按钮或链接必须为屏幕阅读器提供描述或名称。
6. 缺失文档语言
屏幕阅读器依据访客操作系统的配置应用发音规则。若访客使用西班牙语系统，阅读器便会用西班牙语朗读页面。
lang 是 HTML 标准属性，用于告知辅助技术网站所用语言。例如，英文网站根元素应包含：<html lang=”en”>。该属性向屏幕阅读器提供了基本的发音规则。
令人震惊的是，2022年排名前100万的主页中有22.3%缺少此声明。这对大多数用户或许无感，但对依赖它的用户而言影响巨大，而开发者修复它仅需微小努力。
查找问题
美国社会保障局提供的 ANDI（可访问名称和描述检查器）是一款实用工具，能快速识别上述大多数问题。
ANDI 可作为浏览器书签一键运行，显示错误标记的表单、缺失的图片 alt 属性、空链接和按钮以及低对比度文本。其他推荐工具包括 WAVE、Axe 浏览器扩展程序及 Tenon.io 等。
上述六个问题均不难解决，且可通过自动化无障碍测试轻松检测。为何不在寻求专家帮助之前先自行修复呢？