我妈把手机字体调到最大之后，我才搞懂什么叫网页无障碍
上个月回南京，在我妈家吃饭。她掏手机给我看一条菜场群里的消息，屏幕上的字大得——怎么说呢，我隔着一米都看得清清楚楚，一行就五个字。
我问她怎么调这么大。她说眼睛不行了，小字看着累。
然后她把手机递过来说，你帮我看看这个买菜的号，怎么老是点不动。
我拿过来一看。字是大了，可那个“加入购物车”的按钮，文字被切掉了一半。价格标签缩成了一个小圆点。还有一行提示，灰得像刚从洗衣机里捞出来——搁在白底上，几乎要融进去。
那一刻我脑子里蹦出来的词，是网页无障碍。
再说个更极端的：有人根本看不见这块屏幕
我有个做前端的朋友，有段时间专门测无障碍。他给我演示过一回。
他把显示器关了。真的，按了电源键。然后打开浏览器，戴上耳机，两只手放在键盘上。
我当时的感受是——他在跟一台机器说话，而且那机器话挺多。
Tab、Tab、Tab。耳机里一个平到没有起伏的声音念：“链接，首页”、“链接，关于我们”、“按钮，提交”……
他说，一个网页对屏幕阅读器友不友好，他三十秒就能感觉出来。顺的话，一路 Tab 下去，像走在一条铺好的路上。不顺的话，Tab 到某个地方，声音突然沉默了——前面那个花了三万块做的轮播图，在阅读器眼里是一片空白。
为什么空白？因为那是一堆 div 叠出来的，没有任何语义。人眼看得见，机器读不出来。
这事说白了就是：别人也得能用
我不太喜欢“无障碍”这个词，听起来像在讲残疾人设施。虽然它确实是从那儿长出来的。
你去新街口的大商场，进门那个斜坡，推婴儿车的、拉行李箱的、拄拐的，都在用。电梯按钮的高度、盲道、语音播报，也是。
网页一个道理。
字号能放大，是因为有人老花。颜色对比够高，是因为有人站在大太阳底下看手机。键盘能操作，是因为有人手上有伤、有人用不了鼠标、有人打字比点击快得多。视频有字幕，是因为有人在办公室静音刷。
它不是给“少数人”打的补丁。它更像一栋楼的层高、门宽、插座位置——设计时想到了，所有人都省事；没想到，就总有人被卡在门口。
几个特别常见的坑，我得吐槽一下
头一个，也是最气人的：把焦点框去掉。
outline: none。一行代码，键盘用户就瞎了。你按 Tab 在页面上跳，跳到一个按钮上，看不到任何提示——你现在在哪？不知道。走夜路，路灯全灭，还得摸着墙往前挪。
然后是拿 div 当按钮。
有些页面，那个“立即购买”看着是按钮，点着也管用，可它骨子里是个 div。屏幕阅读器念到这儿，只说一句“立即购买”，不说是啥。链接？按钮？还是段普通文字？用户不知道按下去会发生什么。
还有图片没有 alt。
零八年我第一次给图片写 alt 的时候，以为这就是个 SEO 的小把戏。后来才明白，这才是图片对看不见的人的“自我介绍”。一张图，你看得见，那是商品图、是图标、是曲线图。看不见的人，只能靠 alt 里那几个字。你写“图片1”、“banner”，等于没写。
placeholder 当 label 用，也是老毛病。那行灰灰的提示，你一打字它就没了。填到一半接个电话回来，忘了这格填的是手机号还是身份证号——这事我自己都干过。
对了，还有只靠颜色传信息的。“红色表示必填”、“绿色代表通过”。红绿色盲的人看到的是什么？一片差不多的灰。
换个角度，这事儿其实挺赚
我特别烦那种把无障碍说成“道德义务”的调子。好像做它就是为了良心过得去。
不是。
按钮有清晰的文字标签，语音助手念得出来；表单的 label 和输入框绑在一块儿，点文字也能聚焦，手机上手指头粗一点也不怕点错；alt 写得实在，搜索引擎也高兴。这些事，做一次，一直受益。
而且说句实在话——今天你用不着，明天未必。
胳膊打石膏那两个月，你试试一只手刷手机。或者哪天眼睛动了手术，模模糊糊看东西。又或者你只是在地铁上晃得厉害，一只手抓着扶手。
好的无障碍设计，最后是所有人都忘了它存在。没人夸它，也没人被它绊住。
你手上其实有几件能马上干的事
如果你只是普通上网的人：
浏览器里 Ctrl 加加减减，字号随便调。嫌字小、嫌按钮点不着，直接找客服反馈——真的会有人看。我发现问题那回就是提了一嘴，两周后页面改了。
如果你做页面：
把键盘插上，别碰鼠标，从地址栏一路 Tab 到页面底部。卡住了？那就有问题。
再拿自动检测工具跑一遍，现在不少 AI 工具也能帮你顺一顺代码里的毛病。工具查不出全部，但那些低级的漏子，一抓一个准。
还有一条，我觉得最管用：把屏幕关了。
真的。戴上耳机，打开你自己的网站，从头听一遍。
你会听见很多东西。也会听见沉默——那些沉默的地方，就是该改的地方。
那天我帮我妈把那个买菜的号弄好了。做法也简单，给客服提了个建议，把按钮字号放大点、对比度调高点。她后来跟我说，现在能自己下单了。
就这一句话。
比什么指标都实在。