西甲联赛的无障碍积分榜：各家俱乐部网页到底能得几分
来源：dev.to — 2026-09-06
📋 概述
作者自认不是无障碍专家，为练习与学习，对西甲一级联赛各队官网主页做了系列无障碍审计，同时想看看数字质量与球场成绩是否相关（他预先判断更强的财力会驱动两者）。他结合自动化与人工测试，把评估分为四类加权：人工无障碍测试占 50%、自动化 25%、性能 15%、结构与 SEO 10%。结果出乎意料——最终冠军竟是皇家马德里，仅比马拉加和比利亚雷亚尔高 1.1 分。他也坦白没有发现无障碍分数与球场表现之间的有意义关联。
🔑 核心要点
- 评测框架：人工无障碍 50%（分大纲/焦点、Tab 顺序、排版、色彩、低动态、200% 缩放、屏幕阅读器 7 组，每组起步 5 分逐个扣）、自动化 25%（WebAIM Wave+Lighthouse 取平均）、性能 15%（GTMetrix+Lighthouse）、结构与 SEO 10%（含 W3C HTML 校验器按错误数给分）
- 大量问题真实又易修：图片 alt 值为「null」或文件名、页面完全没有 heading、大纲被截断或缺失、轮播在低动态模式下仍自动播放、菜单只能鼠标点击、按钮标签语言与页面语言不一致
- 自动化分数会骗人：Alavés 自动化测试高分只因每张图都有 alt，人工测试却发现那些 alt 全是「null」，屏幕阅读器读出一连串「link, image, null」
- 榜首皇马内容最重却拿最高分；结构 95 分也可能误导（Deportivo 靠自动化高分与仅 3 个 HTML 错误拿到 95，但最重的人工测试它全联盟垫底）
- 作者刻意用多工具避免单一真相来源，也期待方法被批评——评分权重从 35/30/20/15 调整到 50/25/15/10 以凸显「人」的一侧，是那种会拿高分评价的自我审视
💡 金句
Web accessibility may not decide championships, but it does decide who gets to join the game and enjoy the teams. Build accessible websites, everyone!
👍 0
👎 0
← 返回 dev.to 首页