上周有个视障朋友老张，想在我这买书。
他用了读屏软件，结果卡在注册页。
“这按钮是个啥？”他问。
“就是个头像，点进去改密码。”
他骂了一句脏话，然后走了。
这事儿让我心里挺不是滋味。
咱们做技术的，天天吹嘘体验优化。
可真正的弱势群体，根本进不来。
这就是现状：网站无障碍的建设方面空缺。
不是没人提，是没人真做。
老板说：“搞这个能带来多少流量？”
我答不上来。
因为流量不在那，在那是良心。
今天不聊大道理，聊聊怎么填坑。
哪怕只填一点点，也比没有强。
第一步，检查图片标签。
很多程序员觉得图片好看就行。
alt属性填“图片1”，“logo”，或者干脆空着。
读屏软件读到这儿，就是一片死寂。
用户不知道这是啥，只能盲猜。
把alt写清楚，比如“搜索按钮”。
这不用花钱，动动手指的事。
第二步，搞定键盘导航。
别总盯着鼠标看。
很多残障人士根本用不了鼠标。
Tab键能不能走遍全站？
焦点有没有高亮显示？
我见过一个后台，焦点跑到屏幕外去了。
用户按Tab，根本不知道自己在哪。
这体验，简直反人类。
加个outline样式，或者用focus-visible。
几行CSS，能救很多人的命。
第三步，颜色对比度别太低。
浅灰字配白底，看着挺高级。
对正常人来说，可能还行。
对色弱或者视力不好的人来说，就是乱码。
用工具测一下对比度。
至少达到4.5:1。
别为了那点所谓的“设计感”，把用户拒之门外。
第四步，表单要有明确标签。
别用placeholder当label。
placeholder在输入后就没影了。
用户填到一半，忘了这栏要填啥。
用label标签，绑定for属性。
或者用aria-label辅助。
这不仅是规范，更是尊重。
第五步，视频必须配字幕。
别以为只有听障人士需要。
在地铁上、在嘈杂的办公室。
谁不想静音看视频？
字幕不是累赘，是标配。
自动生成的字幕，哪怕错几个字。
也比没有强。
至少给了用户选择的权利。
说到这，可能有人觉得麻烦。
“我们小网站，哪顾得上这些？”
其实，网站无障碍的建设方面空缺。
恰恰是因为大家都觉得“以后再说”。
这一拖，就是好几年。
代码越积越厚，重构越难。
现在不改，以后代价更大。
而且，SEO也会受益。
搜索引擎喜欢结构清晰、语义明确的网页。
无障碍做好了，排名往往不差。
这不是施舍，是双赢。
别等着法规逼你改。
别等着用户投诉才动。
从明天开始，挑一个页面。
试试只用键盘操作。
看看读屏软件怎么说。
你会看到另一个世界。
那个世界，很安静，也很清晰。
咱们做的产品，不该有门槛。
除非是技术门槛，而不是人性门槛。
网站无障碍的建设方面空缺。
这窟窿，得有人来填。
别等别人来填，那是修补匠。
咱们得做建筑师。
把路铺平，让所有人都能走。
这才是互联网该有的样子。
哪怕每天只改一行代码。
也是在往好的方向走。
别装睡，醒醒吧。
你的用户，可能在等你。
