Web Accessibility Tester

📦 v2.0.0

💾 30.96KiB

📅 2025-09-20

View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

1. 无障碍检测功能
功能描述: 检测当前网页的无障碍合规问题

检测项目:

图片alt属性检测: 识别缺少alt属性的图片元素
表单标签检测: 检查input、textarea、select等表单元素是否有对应的label
标题结构检测: 验证h1-h6标题的层级结构是否合理
颜色对比度检测: 检查文字与背景的对比度是否符合无障碍标准
键盘焦点检测: 确认可交互元素是否有明显的焦点样式
输出结果:

问题总数统计
每个问题的详细信息（位置、类型、建议修复方案）
问题严重程度分级（错误/警告）
2. 页面标注功能
功能描述: 在网页上直观显示检测到的无障碍问题

标注样式:

红色边框高亮问题元素
数字标签显示问题序号
悬停显示问题详情提示
标注控制:

支持开启/关闭页面标注
标注状态持久化保存
清除所有标注功能
3. 用户界面
Popup界面:

检测按钮: 一键启动无障碍检测
标注开关: 控制页面标注的显示/隐藏
结果展示: 显示检测统计和问题列表
加载状态: 检测过程中的loading提示
界面要求:

简洁直观的设计
响应式布局
清晰的视觉反馈