些对开发人员和设计人员有用的工具和技术。最近我们介绍了HTML 电子邮件和SVG 生成器。这次我们研究不同类型的工具来帮助您简化可访问性测试过程。不要错过下一篇。 对于那些刚刚开始实施无障碍实践的人来说学习构建无障碍网站可能是一项艰巨的任务。我们汇集了各种辅助工具从一次性书签到成熟的应用程序以帮助您开始构建更易于访问的网站。 咏叹调 WebAIM Million 调查发现使用 ARIA 的主页比不使用 ARIA 的主页平均可检测到的错误多出 41%。

是创建复杂 Web 应用程序的重要工具

但其规范很严格对于那些不经常使用辅助技术的人来说调试起来可能很棘手。工具可以帮助我们确保正确使用 ARIA并且不会给 加纳电话号码表 我们的应用程序引入更多错误。 WAI-ARIA 书签结果页面。 WAI-ARIA 小书签加载一个脚本来检查页面的角色和 ARIA 属性大预览） TPGi 创建了一个WAI-ARIA 书签它会扫描您的页面以确保所有元素及其给定角色和 ARIA 属性均有效。激活小书签后将扫描页面是否有任何错误并将打开一个包含结果的新选项卡。

结果包括有效角色的总数、任何检测到

的 ARIA 错误以及发现任何错误的代码片段以便您可以轻松调试页面。 上述小书签中未明确测试的一件事是重复 ARIA 角色的存在。某些标志性角 B2C 电话列表 色的名称听起来可能适用于多个元素但每页只能使用一次例如banner或contentinfo。Adrian Roselli 提出了一个简单的基于 CSS 的书签来检查这些 ARIA 角色是否有重复。激活小书签将为任何违规元素添加红色轮廓。 NerdeRegion 的演示这是一个显示这里没有什么可读的的实时区域已更改为阅读 Smashing Magazine！ 文本更改在开发工具的 NerdeRegion 面板中进行跟踪。