你的 AI 应用真的每个人都能用吗?一份接地气的无障碍指南

用 AI 搭建应用时,你会按照自己的使用习惯去测试:自己的屏幕、自己的眼睛、双手稳稳握着笔记本电脑的姿势。问题是,真正会打开你应用的那些人,很多并不是这样用的。有人会把手机文字放大到平时的两倍。有人分不清你那条红色错误提示和周围的黑色文字。有人正抱着孩子,只能用一根拇指点来点去。应用无障碍,说白了就是这些人能不能顺利用下去——而这恰恰是大多数 AI 搭建的应用从没被问过的问题。

处理这件事不需要学位,也不需要专门的合规团队。你只需要知道应用通常在哪四五个地方把人挡在门外,以及该怎么让你的应用搭建工具去修复它们。下面我用几个真实的小故事讲讲最常见的问题——一旦你见过一次,以后就很容易认出来了。

为什么有人把字放大后,我的应用布局就乱了?

因为大多数 AI 搭建的应用都是按固定字号设计的,所以当有人把手机或浏览器的文字调大——很多人都会这么做,尤其是六十岁以上的用户——按钮就会互相重叠,栏目会挤成一团乱糟糟的堆叠,控件也会滑到彼此下面去。

我认识一位创业者,给她妈妈的美发沙龙做了个整洁的预约小应用。看起来相当不错。结果她妈妈打开应用后,第一件事——就像很多六十岁以上的人一样——是用两指捏合把文字放大。布局立刻就散架了。按钮叠在了一起,“预约”按钮滑到了菜单下面,一列时间选项变成了一团看不清的堆叠。

这是 AI 搭建的应用里最常见的无障碍问题,而且不放大就完全看不出来。告诉你的应用搭建工具:“确保文字放大到 200% 时布局依然正常,任何内容都不能重叠或被裁掉。“然后自己动手测试一下——在手机上把系统字号调到最大,再打开你的应用。如果它散架了,这就是你要修的第一个问题。

为什么我的应用不应该只靠颜色来表示状态?

因为大约每十二个男性中就有一位对颜色的辨识和常人不同,最常见的就是分不清红绿——所以如果状态只用红点和绿点来区分,在他们眼里这两个点看起来是一样的,他们真的没办法分辨”已付款”和”已逾期”。

一位自由职业者做了个发票追踪应用,状态完全靠颜色显示——绿点、红点。他有一位客户恰好是红绿色盲,结果这位客户不停地重复支付已经付过的发票,因为在他看来那两个点根本没区别。信息其实是在那儿的,只是对他来说等于没有。

解决办法是养成一个习惯,而不是加个功能:**永远不要只靠颜色来传达信息。**在颜色旁边加一个文字、图标或形状。红色旁边写上”已逾期”。绿色旁边打个对勾。必填项不能只用红色边框,要配上一个星号和”必填”这几个字。颜色可以保留——只是不能让它单独扛起传达信息的责任。

为什么屏幕阅读器只会念出”按钮”,而不说出具体名字?

因为一个没有标签的图标按钮——垃圾桶图标、铅笔图标、没有文字的放大镜图标——没有任何文字可以让屏幕阅读器(盲人和视力不佳的人用来朗读屏幕内容的软件)去朗读,所以它会照字面念出”按钮”。不是”删除”。不是”编辑”。就是”按钮”。

AI 搭建工具很喜欢简洁的图标按钮,因为看起来现代。但想象一下,用一个应用时,每个控件都被念成”按钮”,你只能靠猜。你不需要给每个图标都加上可见的文字——你需要确保每个控件底下都有一个名字,哪怕是屏幕阅读器才能读到的隐藏文字。告诉你的应用搭建工具:“给每个图标按钮加上无障碍标签——垃圾桶图标应该被读作’删除’,铅笔图标应该被读作’编辑’。“这是个很小的改动,却决定了一个盲人用户能不能顺畅地在你的应用里找到路,还是只能面对一堵全是”匿名按钮”的墙。

移动应用的点击区域应该多大?

设计师普遍采用的经验法则是,任何可点击的元素大约要有 44 像素——差不多是指尖的大小——而且要留出真正的间距,不能让两个可点击的元素紧挨在一起。

试着看别人在公交车上单手用你的应用。拇指又粗又不精准,车还在晃,而你角落里那个用来关闭的”ד只是个 16 像素的小点。他们点了两次都没点中,反倒点到了后面的东西,最后干脆放弃。点击区域太小、太挤,不只是让人心烦,更是个无障碍问题——手抖的人、手指偏大的人、身处晃动环境中的人,受到的影响最大。告诉你的应用搭建工具:“把点击区域至少设为 44 像素,并在它们之间留出间距,避免用户点错。“然后自己测试一下:在手机上打开你的应用,边走动边用一只手完成主要操作。如果你都总是点不准,别人也一样会点不准。

怎样用五分钟测试我的应用是否无障碍?

不需要任何工具,你自己就能发现大部分问题,只要在最常用的那个屏幕上做三个简单检查:

1. **放大它。**把手机或浏览器的文字调到最大,打开主屏幕。有没有内容重叠、消失或被裁掉?
2. **抽掉颜色。**看看你的应用里所有用颜色来表达含义的地方——状态、错误提示、必填项。想象把它们全部变成灰色,你还能看懂发生了什么吗?如果不能,就加一个文字或图标。
3. **打开屏幕阅读器,试用两分钟。**iPhone(旁白 VoiceOver)和 Android(TalkBack)都自带这个功能。打开它,闭上眼睛,试着完成应用的核心功能。你会立刻听出哪些按钮没有名字。

这些都不需要你懂开发。只需要你花五分钟,别再按自己的方式去测试,而是站在一个手、眼睛或屏幕跟你不一样的人的角度去试用。

你不用一次性把所有问题都修好。先挑出人们最常用的那一个屏幕——预约表单、注册页面、主列表——把这一个屏幕做到位:放大能用、去掉颜色也能懂、朗读出来也听得明白。这一个屏幕做对了,覆盖到的人比你把那些没人去的犄角旮旯全都检查一遍还要多。从这里开始,下一个用一根拇指、放大着屏幕打开你应用的人,才能真正成为一名用户,而不是随手就走。