无障碍Accessibility
你可能会说
帮我检查一下页面的无障碍：图片有没有文字说明、所有按钮能不能用 Tab 键点到、对比度够不够。
无障碍是让更多人在更多场景下都能用你的页面——不光靠鼠标、不光靠好视力、屏幕读出来也能懂。你测试页面用的是鼠标和好眼睛，但访客可能在用键盘、屏幕阅读器，或在阳光下眯着眼看手机。无障碍就是把「我这里能用」扩展到这些场景。AI 回复里出现 a11y 就是这个词的缩写（a 加 11 个字母加 y）。
也常被叫作可访问性a11y无障碍设计
不用鼠标、看不清字的人，也能用你的页面吗
作品页示例截图
alt
「作品页示例：项目背景、过程和结果」无障碍做好，普通用户也受益a11y = a + 11 个字母 + y，AI 回复里常见。
三个高频检查点
图片有文字说明：每张有信息量的图片配一段 alt 文字——图片加载失败或读屏时，这段文字顶上。纯装饰的图标可以不给说明文字，但别漏掉有内容的图。
键盘能到达：拔掉鼠标只用 Tab 走一遍：每个按钮都能到达、焦点位置看得见（Focus 轮廓）、顺序合理。菜单和弹窗打开后焦点要进去，关闭后要回来。
对比度足够：正文和背景至少 4.5:1。这条同时帮到阳光下看手机的所有人——无障碍做好，普通用户也受益。
你可以这样告诉 AI Agent
交付前自查一遍无障碍：每张图片有 alt 文字说明，所有按钮和链接能用 Tab 键按顺序到达，正文对比度至少 4.5:1。发现哪项不达标直接修，修完列出来。
接下来学什么
延伸阅读 · 权威出处
快速练习
AI 交付了页面，你想快速验证无障碍的底线。下面哪个组合覆盖了最常见的问题？
ANS 原创方法