马上默 在线轻量工具箱
登录

♿ 无障碍合规检查清单

对照 WCAG 2.1 的 可感知 / 可操作 / 可理解 / 健壮 四大原则逐项勾选，实时计算 A 级与 AA 级完成度，一键生成按整改优先级排序的报告——政企项目无障碍验收、外包交付自查都能用。

1逐项自查（点击勾选）

2评分与整改报告

0%
加权完成度
（A 级权重 3 / AA 级权重 2）
尚未开始检查

      

    


    

      
+扩展 16 项 · WCAG 2.2 变化 · 合规金字塔

      
在原 18 条高频项之外，补充 WCAG 2.1 中常被忽略的 16 条成功准则，并标注 WCAG 2.2 新增项；扩展项独立计算进度，不计入上方加权评分。

      

        
        

          
          
          
          
        

      

      

        扩展项进度 0 / 16
        
        
      

      

      

      

      
WCAG 2.1 → 2.2 关键变化对照

      

        

          
成功准则级别2.2 变化对本清单的影响

          
            
2.5.7 Dragging MovementsAA新增滑块、拖拽排序需提供点击/键盘等效操作

            
2.5.8 Target Size (Minimum)AA新增指针目标至少 24×24 CSS px（含间距例外）

            
3.2.6 Consistent HelpA新增帮助入口在多页面保持一致的相对位置

            
3.3.7 Redundant EntryA新增同一流程中已填信息自动带入，不要求重复输入

            
3.3.8 Accessible AuthenticationAA新增登录不强制认知测试，允许粘贴与密码管理器

            
2.4.11 Focus Not ObscuredAA新增准则固定页头、浮层不得完全遮挡键盘焦点

            
4.1.1 ParsingA已移除解析正确性交由浏览器，自查重点转向 4.1.2

          
        

      


      
合规路径金字塔 · 自绘 SVG

      

    


  



  

    
方案管理 · 数值对比 · 导出

    
调好的参数可存成方案随时载入，也能生成可分享链接；结果里的数值列会自动画成对比图，并支持导出 CSV / JSON。

  

  

    
    
    
    
    
  

  

    

    

      
最近方案 暂无

      

    

  

  









    
    

        

            
✅口径说明与常见误填

            
WCAG 四原则 18 条，A 与 AA 分级加权评分

        

        

                            

                    
四大原则

                    
可感知、可操作、可理解、健壮四组共 18 条高频改造项。

                

                            

                    
分级加权

                    
A 级权重 3、AA 级权重 2，勾选即得加权完成度百分比。

                

                            

                    
实时评分

                    
圆环进度与结论区随勾选实时更新，当前达标到哪一级一目了然。

                

                            

                    
整改报告

                    
一键生成未完成项按优先级排序的报告，可复制或下载 .txt。

                

                            

                    
标准对齐

                    
条目对应 WCAG 2.1 成功准则，与国内 GB/T 37668 基本要求对齐。

                

                    

    


    
    

        
        
        
        
        
    


    
    

        

            
这个工具解决什么问题

            
政企项目无障碍验收、外包交付自查，不能靠感觉。本清单对照 WCAG 2.1 四大原则的 18 条高频项逐项勾选，实时计算 A 级与 AA 级加权完成度，一键生成按整改优先级排序的报告——直接贴进工单系统或验收材料，勾选与评分全程浏览器本地完成。

            

                
三条验收守则

                                    
① 先过 A 级再谈 AA：AA 的前提是 A 级条目全部满足，漏写 alt 与键盘陷阱属于 A 级硬性失败项。

                                    
② 对比度 4.5:1：正文对比度 AA 要求 4.5:1（大字 3:1），按钮、图标等非文本元素 3:1。

                                    
③ 键盘走一遍：关掉鼠标用 Tab 全流程走查：焦点顺序、可见焦点环、弹层 Esc 关闭与焦点归还，任一断点都扣分。

                            

        

    


    
    

        

            
怎么用

            
    
                                    
  1. 
                        
    第 1 步 · 逐项勾选
    
                        
    按可感知、可操作、可理解、健壮四组展开，点击勾选已完成条目（可载入示例）。
    
                    
    2. 
                                    
  2. 
                        
    第 2 步 · 看加权评分
    
                        
    圆环实时显示 A/AA 加权完成度，结论区标注当前达标级别。
    
                    
    3. 
                                    
  3. 
                        
    第 3 步 · 生成整改报告
    
                        
    点生成整改报告，未完成项按优先级排序并附验收建议。
    
                    
    4. 
                                    
  4. 
                        
    第 4 步 · 复制或下载
    
                        
    复制报告文本或下载 .txt 文件，贴进工单系统或验收材料。
    
                    
    5. 
                            

        

    


    
    

        

            
更新记录

            
    
                
  • 
                    v1.0
                    2026-11-02
                    
  • 2026-11-02 上线首个版本
  • 2026-11-02 新增 A/AA 加权评分与报告下载
    • 
                
            

        

    


    
    

        

            
常见问题

            

                                    

                        网站无障碍改造清单有哪些？
                        
核心围绕 WCAG 四大原则：图片加替代文本、颜色对比度达标、全键盘可操作、焦点可见、表单有标签、语义化结构与 ARIA 补充、动态内容 aria-live 播报。本页 18 条即高频改造项，勾选即可自评。

                    

                                    

                        WCAG AA 级要满足什么？
                        
先满足全部 A 级，再加 AA 条目：正文对比度 4.5:1（大字 3:1）、非文本元素 3:1、支持 200% 缩放不丢内容、焦点顺序合理且焦点可见、状态消息播报等。国内信息无障碍行标与 GB/T 37668 也基本对齐 AA。

                    

                                    

                        图片 alt 文本有什么要求？
                        
传达信息的图片写等效替代文本（说清是什么、表达什么，100 字符内）；纯装饰图写空 alt 让读屏跳过；图表长描述用 aria-describedby 关联。漏写 alt 是 A 级 1.1.1 硬性失败项。

                    

                                    

                        键盘可达性怎么测试？
                        
关掉鼠标：Tab 与 Shift+Tab 能按合理顺序到达所有交互元素，Enter/空格能触发，弹层焦点进入且能 Esc 关闭、关闭后焦点归还触发处，无键盘陷阱；全程焦点环清晰可见。对照清单勾 2.1.1、2.1.2、2.4.3、2.4.7 四条。

                    

                                    

                        有没有无障碍合规自查在线表？
                        
本页即是：按原则分组、A/AA 分级加权评分，勾选实时刷新进度；点生成整改报告会输出未完成项按优先级排序的清单与验收建议，可复制或下载 .txt 直接贴进工单系统。

                    

                            

        

    


    
    

        

            


    
    

        
💬 留言板 0

        全部留言需审核通过后展示
    

        

        

        
💬

        
还没有留言，来抢沙发吧！

    

    


    
    

        
        

            ✍️ 说点什么
                            
                    


                

            
            

        

        
        

            
            
0 / 500

            

        


        

            

                
                图形验证码
            

            

        


        
    


    
    


        

    


    
            

            
🔗 相关工具

            

                                    
                        ♿
                        ARIA 无障碍属性速查表16 个高频属性对照
                        →
                    
                                    
                        🧩
                        组件状态矩阵生成器八态 token 一键交付
                        →
                    
                                    
                        🔍
                        SERP 搜索结果预览器三端标题截断模拟
                        →
                    
                                    
                        ✂️
                        CSS clip-path 生成器多边形拖拽裁剪
                        →
                    
                            

        

    




    

        
👣 做完这一步，顺便看看

        

                            
                    🏛️
                    
                        凯撒密码解密
                        凯撒密码解密 ：1~25 位位移加解密、ROT13 一键转换…                    
                    →
                
                            
                    🔤
                    
                        乱码转换器在线修复
                        乱码转换器在线 ：把“锟斤拷”“�”“涓枃”“😀”等乱…                    
                    →
                
                            
                    📸
                    
                        代码截图美化工具
                        在线代码转图片工具：粘贴或输入代码（支持 JavaScrip…                    
                    →
                
                            
                    🎨
                    
                        WCAG 对比度检测工具
                        在线颜色对比度检测工具：输入前景文字色与背景色（支持 #he…                    
                    →
                
                    

        全部工具 →