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