给客户的母亲看他们新做的官网,六十多岁的老人眯着眼凑近屏幕:这灰底灰字的,看不清啊。会议室里设计师有点下不来台。品牌网站建设面向的访客里,永远有视力下降、操作不便的人,这些细节藏着品牌的分寸感。
对比度和字号,守住基础线
翻车最多的就是这两样。深色底配灰色字,年轻人看着都有点费劲,中年以上直接放弃,正文文字和背景的对比度有现成的国际标准,低于标准的方案改稿时就应该被拦下。字号同样,正文小于十四像素,手机上等于劝退。有个简单的自查法:把设计稿截图发给办公室里年纪最大的同事看一遍,他看不轻松的地方,一大半访客都费劲。这不是审美问题,是可用性底线,底线之上才轮得到谈风格。
键盘和读屏,看不见的访客也在用
还有一群访客完全靠键盘和读屏软件上网:视障用户用读屏听网页,操作不便的人用键盘代替鼠标。技术上要做的不多但很关键:图片都配上替代文字,读屏才能念出这张图是什么;表单每一项绑定清晰的标签,读屏用户才知道该填什么;页面结构用规范的标题层级搭建,听网页的人靠它导航;所有功能键盘都能操作到,别有鼠标点得着、键盘到不了的死角。这几项开发成本很低,验收时用读屏软件听一遍全站,哪里卡住一听便知。这遍测试设计师自己就能做,装一个读屏软件,闭着眼听完全站首页,卡在哪心里立刻有数。
- 图片配替代文字,读屏可念
- 表单项绑定标签,填写不迷路
- 全站功能键盘可达,不留死角
适老化不等于牺牲设计感
一提无障碍,很多品牌担心变土。其实是误解:把对比度调够、字号分层、留白加宽,视觉上反而更舒展,高级感和可读性从来不冲突。真正土的是小字挤成一团还偏要配个浅灰,那既不无障碍也不好看。实在想保留氛围感的深色设计,可以提供一个字号调节或高对比切换,一个按钮的事,有需要的访客会用得上。产品的说明书、表单的说明文字用短句,少用行业黑话,这也是无障碍的一部分,照顾的是所有不想费脑子的人。
两条建议:验收清单里加上两条,对比度达标、读屏过一遍全站,成本几乎为零;上线后真接到老年访客的反馈,第一时间改,这类反馈千金难买。品牌网站建设的温度,比格网络做深色系设计时会主动跑一遍对比度检查,照顾到看不见的访客,品牌才立得住。