昨天翻自己小破站后台数据，突然看见条挺扎眼的留言，一瘸腿大爷说刷我文章时屏幕大字总糊成马赛克。这要是人家真看不见，我这堆攻略再干货也白搭！琢磨半天直接捞起键盘搞无障碍改造，谁想差点把自己栽坑里。

瞎折腾第一战：字体放大

想着先解决大爷的痛点，拽着前端小弟就要给网页加字体缩放。结果他反手甩我个用vw单位的方案，电脑看着挺美，打开手机直接裂开——40px的字把分享按钮顶到屏幕外头！

• 别学我用vw搞动态字体，老年人手指粗根本点不准
• 老实做了A/AA/AAA三档字体按钮，放大时顺便把行高提到1.8倍

给图片写小作文

原以为给图片加个alt标签就完事，上传时才发现早年160篇教程配图全没写说明。硬着头皮重新扒图库，给老干妈炒饭教程的配图写"红油在铸铁锅里滋冒泡"，写吐了才发现根本不对路！

弱视朋友私信骂醒我："谁关心你油花圆不圆？重点要说灶台旋钮现在指向中火！"得，又吭哧吭哧返工把操作提示全补上。

键盘党的噩梦

最坑的是导航栏测试。按住Tab键一路狂点，光标跑到文章搜索框直接消失！原来小弟把搜索框渲染成div蒙层，键盘党根本触发不了。改了三套方案才明白，得给每个功能按钮加上tabindex="0"这把钥匙。

颜色刺客最致命

检测工具突然报红，说我收藏按钮的"淡紫背景配浅灰字"是雷区。色弱同事看着像水泥墙上撒铅笔灰，当场表演"精准忽略按钮术"。连夜把整套配色对照色盲模拟器重调，红绿按钮统统加了下划线保险。

凌晨三点瘫在椅子上验收成果，按住键盘点点点全程没卡壳，屏幕朗读器念配图说明意外还挺带感。正要关电脑，弹窗突然跳出条新留言："刷到第四篇忽然有语音读字了！"配图是位视障小哥的盲杖靠在凌晨四点的窗台边上——这波熬夜值了！

事后真别学我头铁硬刚，专业检测工具比人肉测试靠谱十倍。现在每更新篇文章都强迫症似的：插图必须手打说明/按钮保证能键盘直达/颜色对比度拉到500%才安心。各位站长改之前务必先装个读屏软件，闭眼操作半小时比啥检查都有用。