什么是网页无障碍？
网页无障碍指的是：放大字的人、用屏幕阅读器的人、不能用鼠标的人，一样用得了你的网站。靠的是对比够、用真文字、按钮有标签。
为什么开店的人要在意
你的客人不会全都是二十五岁、视力正常、拿着新手机。一位七十几岁的常客，正戴着老花镜把你的菜单拿远了看：白底配浅灰字，对她来说等于不存在，她会打电话来问价格，或者干脆去看得清楚的那一家。造成大部分问题的是两个习惯。把菜单或价目表做成一张照片放上去，那张图放不大、选不起来、翻译不了、也念不出来——搜索引擎同样读不到。按钮没有标签，屏幕阅读器就只会念出「按钮」两个字。另外，有些市场对特定行业的网站订有法定标准，你要查的是自己做生意那个地方的规定。
今天就能自己跑的三个检查
- 对比。深字浅底，或者反过来，不要白底浅灰字、不要在照片上直接压白字。免费的对比检查工具会给你一个数字，正文常见的门槛是 4.5:1。Naratake 有 15 种设计风格，换风格等于整组配色都换掉，所以换完要在真的屏幕上再看一次对比。
- 用真的文字，不要用文字的照片。菜单、价目表、营业时间、地址都应该是页面上的文字。做成图片就会放大变糊、复制不了、翻译不了，屏幕阅读器和搜索引擎都读不到。
- 把鼠标放下。从页面最上面开始一直按 Tab，看看是不是每个链接和按钮都到得了、按 Enter 都能触发、而且随时看得出来焦点停在哪里。如果焦点标记不见了，或者卡在某个菜单里出不来，真的用键盘的人也一样卡在那里。
常见的误解: 把它当成少数人的事，或者当成最后才加上去的插件——另做一个「无障碍版」，或者装一个悬浮工具栏。大部分其实是建站当下的选择决定的，而那些选择对所有人都更好用：按钮大一点、标签讲清楚、字放大了版面也不会坏掉。