一个静音按钮被按下后,旁边的字该写“静音”还是“取消静音”?这并不是脱离交互方式便能回答的文案选择。按钮名称可以标识同一个开关,也可以描述下一次动作;两种表达需要与状态信息配合理解。

W3C的ARIA Authoring Practices Guide在Button Pattern中,把切换按钮解释为具有开、关两种状态的按钮,并说明aria-pressed用于向辅助技术表达它是切换按钮。[1] 名称回答“这是什么开关”,按下状态则帮助表达这个开关当前处于哪一侧。

指南使用Mute举例:在保持Mute名称的切换设计中,aria-pressed为true表示声音已静音,为false表示未静音。它强调,状态改变时,这种切换按钮的名称不应随之改变。读者需要同时保留名称与状态的组合,不能把“pressed”单独理解成下一次点击将要执行的动作。

不过,原文紧接着给出另一种选择:也可以让名称从Mute变成Unmute。采用这种设计时,不需要aria-pressed。[1] 因此,“静音按钮的文字永远不能变”并不是指南的完整意思;限制针对的是前一种稳定名称配合按下状态的表达方式。

界面设计交付可以把两种方案分别写清。稳定名称方案记录名称和开、关状态的对应关系;动作名称方案则说明每个状态下显示的下一步动作。这个分类是依据指南作出的交付分析,不是一段已经安装到某个网站的代码,也没有验证实际按钮的无障碍结果。

只交付两张不同颜色的按钮图,会留下状态含义尚未说明的问题;只看到属性名称,也不能证明真实用户已经得到正确反馈。本文阅读的是APG的模式说明,没有运行读屏或键盘测试,不宣告任何页面整体合格。把按钮名称、当前状态与下一步动作分开讨论,才能让设计文字与交互含义对应起来。

信息来源

本文基于上述公开资料整理,未使用来源页面的图片、视频或嵌入媒体。