Life

无障碍设计不是加分项,是底线

在讨论「世界顶级」的体验时,无障碍很少被放在第一位,但它往往最能反映一个团队的专业程度。因为它要求你把「所有人都能用」当成约束,而不是事后补上的补丁。

四个最常被忽略的基本项

  • 对比度:正文与背景至少 4.5:1,大字与图形至少 3:1;浅灰色辅助文字尤其容易不达标;
  • 键盘可达:所有交互都能用 Tab 到达,焦点样式清晰可见,弹层能够正确收起并把焦点归还;
  • 语义结构:标题层级不跳级,图片有替代文本,表单控件有关联标签,图标按钮有可读名称;
  • 动效偏好:尊重 prefers-reduced-motion,为需要的人关闭位移动画与自动轮播。

它同时改善所有人的体验

清晰的焦点状态帮助键盘用户,也帮助在手机上手滑的人;足够的对比度帮助低视力用户,也帮助在正午阳光下看屏幕的人;语义化结构帮助读屏软件,也让搜索引擎与后续维护者更容易理解页面。

为边缘场景设计,通常会得到更稳健的主流体验。

把它放进流程

我们把它做成上线前的一页检查表,由设计与前端各自过一遍,而不是等项目结束才做审计。成本很低,收益却贯穿整个产品生命周期。

← 返回全部文章 Life