无障碍不是加分项

视障用户靠读屏软件听界面,运动障碍用户靠焦点逐格导航,老年用户需要更大的字。无障碍做得好,应用不只是对特殊人群友好,而是对所有人都更易用。

好的无障碍,本质是把信息讲清楚、把操作做明白。

这篇把鸿蒙无障碍与适老化的要点过一遍。

内容描述与语义

每个可交互元素都要有可读的描述。图标按钮不写文字,读屏软件就不知道它是干嘛的。给它加无障碍标签,让读屏能念出来。

Image($r('app.media.icon'))
  .accessibilityText('返回上一页')

一个图标按钮,从此有了能被念出来的名字。

焦点管理与键盘导航

不能触屏操作的用户靠焦点逐格移动。焦点顺序要符合视觉逻辑,别跳来跳去。每个可交互元素都要能被聚焦、有明显的焦点高亮。

无障碍速查
  • 描述每个图标按钮有可读标签。
  • 焦点顺序合理、高亮明显。
  • 字号随系统缩放不溢出。
  • 对比文字与背景足够清晰。

大字体与缩放

用户把系统字体调大,你的界面就得跟着撑开,不能把字截断或重叠。用自适应布局别写死尺寸,字体走相对单位。

鸿蒙无障碍:一台抽象手机界面发出放大波纹、焦点光圈高亮在界面上的蓝调插画
放大波纹:让字与界面随用户需要变大。