无障碍设计:从第一行代码起的科技尊重
|
去年十月那版重构,我原以为最头疼的是兼容旧设备,结果被无障碍测试卡了整整两周——不是因为难,是没人信这玩意儿能活过首轮评审。测试组小王举着屏幕朗读器冲进会议室那会儿,我正盯着构建进度卡在87%,窗外雨点子砸在空调外机上,哐当哐当跟催命似的。 "你们管这叫无障碍?"小王把手机怼到我面前,朗读器正用机械音念:"按钮,按钮,按钮,按钮。"四个一模一样的按钮,连个aria-label都没加。我摸出自己的手机翻代码,发现前端居然把所有交互元素都套了同一个class名——说是为了"统一风格",结果屏幕朗读器直接抓瞎。这帮人连WCAG 2.1里"可区分性"这条都没看过,我敢打包票。 那天下午运维老张蹲在机房修冷风机,噪音大得连视频会议都听不清。我隔着玻璃冲他比划"关小点",他回了个"啥?"的手势。突然就想起上周产品经理说的:"视障用户才占多少?先保DAU。"当时桌上外卖凉透了,我盯着那层油花想,这逻辑跟"反正老张听不见,咱别修冷风机了"有什么区别? 第二天晨会我直接甩了段代码在屏幕上:"看这个登录框,键盘导航卡在密码栏死循环。"开发小李挠头:"没人提过要支持键盘操作啊。"我点着键盘上的Tab键:"WCAG里明确写了,所有功能必须能用键盘访问。这不是'加分项',是'及格线'。"会议室突然安静,显示器右下角的时间跳到10:23,没人说话。
文章配图,仅供参考 后来发现最讽刺的是,我们自己用的设计系统里,连"禁用状态"的对比度都不达标。测试组用色盲模拟器一跑,红色错误提示在浅灰背景上直接消失——这还是上周刚上线的新组件。设计总监盯着屏幕看了五秒,吐出一句:"我原以为颜色是设计师的基本功。"结果呢?整个设计团队花了三天重新调色板,比重构无障碍模块还费劲。有天深夜我蹲在楼梯间抽烟,碰见测试组的老周。他举着手机给我看个视频:某大厂APP的语音导航,念到"点击这里领取优惠券"时,突然插了段广告音频。"听见没?"老周冷笑,"连屏幕朗读器都能被广告劫持,这叫无障碍?"我猛吸一口烟,想起上周评审会上,市场部坚持要在错误提示里加推广链接——"反正视障用户也看不见,不影响体验。" 其实最扎心的不是技术问题,是态度。有次跟前端吵架,我说"这个动效要加reduced motion的选项",他回:"视障用户又看不到动画,关他们什么事?"我直接把WCAG 2.1的条文拍在群里:"认知障碍用户可能对动画敏感,这是给所有人做的适配。"他沉默了两分钟,回了个"哦"。后来我发现他偷偷把所有动效都加了开关——虽然没在文档里写,但代码里有。 十月份那版最终上线时,无障碍相关的代码占了总量的12%。有人说这比例太高,我指着用户反馈里的那条留言:"终于不用让家人帮我点按钮了。"——这条留言被顶到了最高,比所有"界面好漂亮"的评论都靠前。后来复盘会,产品经理突然说:"其实无障碍和适老化是同一件事,都是给'能力退化'的人做的设计。"我差点拍桌子:"错!这是给'能力不同'的人做的设计,包括你,包括我,包括现在盯着屏幕的你。" 现在每次评审会,我都会问:"这个功能,键盘能操作吗?朗读器能读准吗?色盲能看清吗?"有时候会冷场,有时候会有人翻规范——比去年十月好多了。但最魔幻的是上周,市场部突然找我:"能不能给无障碍功能做个宣传案?用户调研说这是'有温度的科技'。"我盯着电脑屏幕上的代码,突然想起那天雨里的冷风机声——有些尊重,早该从第一行代码写起,而不是等市场需要"温度"的时候才想起来补。 不过说真的,我现在也不确定这算不算"优胜劣汰"。可能只是因为,当足够多的人开始用键盘操作、用屏幕朗读器、用高对比度模式时,那些不做无障碍的产品,自然会被淘汰——就像当年不做移动端适配的网站一样。但谁知道呢?也许明年这时候,我们又会在新问题上栽跟头。比如现在,我就在愁怎么跟AI团队解释:"你的语音交互,得给听障用户留文字出口。" (编辑:站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |


无障碍设计失灵?运维视角的动态资源整合破局
MySQL事务无障碍设计指南(前端架构师版)

