Liberologic 株式会社（总部：东京，以下简称 Liberologic）发布了「A11y Navigation Auditor」（无障碍导航审核器），这是一款 Google Chrome 扩充功能，可快速准确地可视化网站结构，作为其网络无障碍宣导和支持系列的第二款工具。 此工具通过「侧边面板」全面提取经常被忽视的标记缺陷，从而实现更快、更可靠的无障碍诊断。 开发背景：解决现有工具的「复杂性」和「碎片化」 自2024年4月《消除对残疾人歧视法》修订生效（强制要求提供合理便利）以来，对网络无障碍的关注迅速增加。然而，现场诊断仍然面临挑战。 信息碎片化：需要针对标题和地标等不同类别切换工具，难以掌握整体页面结构。 可视性降低：直接在页面上叠加标记的工具，当元素密集时会使画面变得混乱，妨碍了概览式诊断。 为弥补这些差距，我们着重于屏幕阅读器（例如 VoiceOver）的「转子功能」（元素列表显示）。通过将元素列表集成并可视化到侧边面板中，并加入自动问题检测功能，我们开发了一款专业诊断工具，让用户能够「在概览整体情况的同时，识别详细问题」。 「A11y Navigation Auditor」的主要特点 1. 符合 WCAG 的自动问题检测 根据 WCAG（网络内容无障碍指南）成功准则（1.1.1、1.3.1、2.4.4 等），以下项目分为三个阶段判断：「错误 / 警告 / 信息」。 - 标题：跳过级别、空标题、角色缺失等。 - 链接：不明确的表达（例如「点击这里」）、空文本、重复链接等。 - 表单控制：缺少标签、autocomplete 属性、错误消息关联等。 - 地标：缺少 main 元素、区分重复角色、分区元素缺陷等。 - 图片：缺少 alt 属性、不适当的 alt 文本（例如「图片」）等。 - 表格：缺少 caption 或标题、复杂结构中 scope/headers 的缺陷等。 2. 计算出的「可访问名称」可视化 根据 ARIA 规范，它可视化屏幕阅读器实际读出的内容，包括可访问名称的推导来源。 3. ARIA 状态的即时监控 自动检测 aria-expanded（展开状态）和 aria-invalid（错误状态）的变化，以及动态标签的重写。用户可以即时确认伴随用户操作的无障碍变化。 4. 直观的操作和高亮功能 只需点击面板中的项目（或使用键盘移动光标），即可自动滚动到相应元素并高亮显示。 专业人士的高级设置 - 隐藏元素的检查：可根据需要检查隐藏元素的无障碍性。 - 排除噪音：第三方小部件等会自动从诊断目标中排除。 - 日英双语支持：提供日语和英语两种接口。 在此下载 A11y Navigation Auditor： A11y Navigation Auditor - Chrome 在线应用程序商店 Liberologic 株式会社旨在使无障碍成为「标准品质」而非「特殊措施」。继第一款对比度检查工具「Area Contrast Checker」之后，这款「A11y Navigation Auditor」也体现了我们在生产和诊断领域迫切需要的功能。 它强力支持网站建置，让所有人，无论是否有残疾，都能毫不犹豫地到达目的地。 关于监修 此工具是在我们 IAAP 认证 WAS（网络无障碍专家）持有者员工的监修下开发的，重点放在网络无障碍诊断领域所需的实用性。 它是一款旨在快速准确地可视化网站「骨架」并顺利解决经常被忽视的问题，从而实现更可靠的无障碍诊断的工具。 监修者简介 二俣 歩 (Futamata Ayumu) Liberologic 株式会社 CAO（首席无障碍官） 网络无障碍专家