火狐浏览器内置“可访问性”检查器可验证网页可访问性合规性，支持启用面板、查看可访问性树、运行自动检查、模拟高对比度及控制台api查询。
如果您在开发网页时需要验证页面的可访问性合规性，火狐浏览器内置的“可访问性”检查器（A11y Inspector）可直接在开发者工具中启用。以下是启用并使用该工具的具体步骤：
一、打开开发者工具并切换到可访问性面板
该面板提供实时的可访问性树结构、属性值、对比度检测及语义角色信息，帮助开发者识别缺失的ARIA标签、错误的role值或不可见但被读屏软件读取的内容。
1、在火狐浏览器中打开目标网页。
2、按下 Ctrl + Shift + I（Windows/Linux）或 Cmd + Opt + I（macOS）打开开发者工具。
3、点击顶部选项卡栏右侧的 “…”（更多工具）按钮，在下拉菜单中勾选 “可访问性”。
4、此时开发者工具顶部将新增一个 “可访问性” 选项卡，点击进入。
二、使用可访问性树视图检查元素
可访问性树是浏览器根据HTML结构、ARIA属性和默认语义生成的简化DOM表示，专供辅助技术消费。该视图可直观显示每个节点的角色、名称、状态及层级关系。
1、在“可访问性”面板中，确保左上角的 “显示可访问性树” 开关处于开启状态。
2、在页面中悬停任意元素，右侧将高亮显示其在可访问性树中的对应节点。
3、点击某节点后，在右侧属性面板中查看 role、name、value、states、properties 等关键字段。
4、若某元素未出现在树中，说明它可能被 aria-hidden="true" 隐藏，或缺乏语义且未添加ARIA属性。
三、运行可访问性检查（Audit）
该功能自动扫描当前页面，识别常见可访问性问题，如文本对比度不足、缺少alt属性、跳过标题层级等，并按严重程度分类列出。
1、在“可访问性”面板右上角，点击 “运行检查” 按钮（图标为带放大镜的盾牌）。
2、等待扫描完成，结果将按 “严重”、“中等”、“低” 三级分类展开。
3、点击任一问题条目，页面将自动滚动并高亮触发该问题的DOM元素。
4、在问题详情中，可查看 失败原因、W3C标准依据（如WCAG 1.4.3）、修复建议。
四、启用高对比度模式模拟与颜色检测
该模式用于模拟用户启用系统级高对比度设置后的渲染效果，并实时检测前景色与背景色的对比度是否符合AA/AAA标准。
1、在“可访问性”面板左侧边栏中，找到 “颜色对比度” 区域。
2、勾选 “启用高对比度模拟”，页面将立即应用系统高对比主题样式。
3、将鼠标悬停在文本元素上，右侧会显示 实际对比度数值（如4.7:1）及对应WCAG等级（AA或AAA）。
4、若对比度不达标，面板将标红提示，并建议调整CSS中的 color 或 background-color 值。
五、通过控制台命令行快速查询可访问性属性
开发者可通过浏览器控制台直接调用Firefox专有的可访问性API，获取特定元素的可访问性对象信息，适用于自动化调试或批量验证场景。
1、确保已打开“控制台”面板（Ctrl+Shift+K 或 Cmd+Opt+K）。
2、输入命令 a11y Walker.getAccessibleFor(document.querySelector("main"))，替换选择器为目标元素。
3、执行后返回该元素对应的可访问性对象，包含 name、role、states、actions 等完整属性。
4、如需查看整个可访问性树根节点，可执行 a11y Walker.getRoot()。
