“Web无障碍”指为残障用户设计的内容,涵盖视觉、听觉、身体、言语、认知及神经等多种障碍类型。无障碍与响应式设计、可用性及SEO紧密相关,有助于扩大受众、提升搜索排名并彰显社会责任。
以下整理了网站无障碍工具、插件及WordPress电商主题。多数基础无障碍功能易于实施,建议在项目初期即融入无障碍设计理念。
无障碍工具
W3C WAI:万维网联盟(W3C)通过无障碍倡议(WAI)提供技术规范与资源。其《Web内容无障碍指南2.0》涵盖广泛建议,并提供最佳实践教程。
Web内容无障碍指南2.0
WAVE:由WebAIM提供的免费评估工具,通过页面图标和指示器提供视觉反馈。虽不能完全替代人工评估,但有助于普及无障碍知识,支持Chrome和Firefox扩展。
CKEditor 4 Accessibility Checker:CKEditor 4的免费扩展插件,用于检查编辑器内内容的无障碍级别,确保符合WCAG 2.0和第508节要求。
AChecker:通过URL、上传文件或粘贴源码评估HTML无障碍问题。生成包含已知、可能及潜在问题的报告,支持HTML/CSS验证及按指南标准查看。
tota11y:可汗学院开发的可视化工具,以独立JS文件形式运行,帮助可视化网站在辅助技术下的表现。
tota11y
aXe:自包含开源测试引擎,可定制规则并与浏览器集成,旨在帮助开发者自主进行自动化测试,避免常见陷阱。
NoCoffee:免费Chrome扩展,模拟轻度至重度视力障碍体验,帮助理解各类视力问题。
CheckMyColours:基于W3C算法检查前景色与背景色对比度,确保色觉缺陷用户能清晰辨识。
ATBar:开源跨浏览器工具栏,允许用户自定义交互方式,如调整字体大小、朗读文本、使用彩色叠加层等。
WordPress
无障碍就绪电商主题:汇集多款无障碍友好型WordPress电商主题,包括活跃安装超10万的Automattic官方WooCommerce主题Storefront。
Storefront
WP Accessibility:解决WordPress主题常见无障碍问题,如添加高对比度、大字体及去饱和视图切换工具栏。
wA11y:集成tota11y、WAVE及多种过滤器,提供网站无障碍评估与改进工具。
Accessible Poetry:提供字体对比度调整、键盘跳链接导航、缺失Alt文本警报、焦点轮廓效果及自定义无障碍代码等功能。
无障碍诗歌
Text-To-Speech Converter:基于外部API将文本转为语音,通过语音传达信息,提升访客互动体验。
Contact Form 7: Accessible Defaults:生成Contact Form 7的无障碍默认版本,并提供额外基本表单类型以构建合规表单。
Divi Accessibility:专为Divi页面构建器设计,依据WCAG 2.0指南解决其特有的无障碍问题。
Divi Accessibility

