收藏按钮变色却说不清选中状态,怎样验证 aria-pressed 与固定名称
用 aria-pressed 表达两态按钮的选中状态,并保持动作名称稳定。收藏展品这一名称不随按下状态改写,状态另由 true 或 false 表达,视觉样式也应与同一状态源同步。
先分清切换按钮与更换动作名
本例始终叫收藏展品,按下表示已经收藏,再按取消。另一种设计可以把动作名改成取消收藏,但这时要重新选择是否仍适合固定名称的toggle模式,不应把两套规则无解释地混用。APG建议切换按钮的名称保持稳定,目的是让同一个控件的状态变化清楚,而不是仅靠不断更换标签暗示当前状态。
用两种输入走过完整往返
脚本先查询名称为收藏展品的button,核对pressed初始false;鼠标点击后为true,再用Space回false,最后确认可见文字没有变。它检查名称、原生激活和状态属性之间的关系,不只是查页面存在aria-pressed。若视觉变色但属性不变,或者属性变化却样式仍旧,应该定位到共享状态来源而不是分别补两条互不关联的更新逻辑。
处理中不是第三种收藏结果
真实收藏若需要后台保存,应另外表达正在保存、失败与恢复策略。不能在请求刚发出时就把持久化成功当作事实,也不要把aria-pressed=mixed当作网络未知的万能状态。mixed通常有特定聚合语义,是否适用取决于控件任务。本例完全本地、没有网络和账户,验证的是切换交互,不声称已实现多用户收藏服务。
与颜色状态旧文的差别
颜色识别测试关注观众能不能理解提示,本题关注DOM中按钮的角色、名称和状态能否被自动查询。两者互补但不能互相替代:属性正确不保证远处可读,灰阶能分辨也不保证辅助技术取得正确状态。项目应继续用指定读屏组合和实际终端检查宣告,并让真实参与者完成收藏与取消任务,再填写可用性结果。
让显示状态从同一个值派生
收藏状态的文字、图形与aria-pressed应由同一状态源渲染,避免分别在三个回调里翻转。异步请求失败回滚时尤其容易只回退颜色而没回退语义。走查可以逐次记录状态值和元素属性,确认true只对应收藏中或已收藏的明确约定。若同时允许多张卡片,状态键必须带展品编号,不能全页共享一个pressed变量造成所有收藏一起切换。
下载并复现
下载原创HTML夹具、独立验证程序、本次执行记录和依赖与运行说明,放在同一目录。安装Playwright 1.58.0及其Chromium后运行 python verify.py;程序使用两个随机本地端口,自动关闭浏览器与服务,不请求外网或业务接口。
本次实际环境为Python 3.12.4、Playwright 1.58.0、Chromium 145.0.7632.6。Playwright浏览器鼠标/键盘与页面API实跑;无实体硬件或业务控制。断言已通过;完整事件和数值保留在执行记录,不能把它改名后当目标展项测量。
自动化只检查焦点、控件行为和可查询语义,没有实际运行屏幕阅读器,也没有招募参与者。朗读顺序、触摸辅助技术和目标终端可用性需要另外验证。
继续核查与一级出处
基础背景见触摸界面只靠颜色区分状态,怎样加上文字再做现场验证。切换状态正确时也应核对动作名称是否准确且稳定,可继续用图标按钮只有一个叉,怎样检查关闭动作的可访问名称取证;相关工程入口在专题与产品对接说明。
- 切换按钮pressed状态与稳定名称:2026-10-24已联网读取一级来源;W3C APG现行非规范性实践指导,不是跨浏览器支持保证。
留言讨论
评论发布后会被人工复核,违规内容将被删除。
如果发表没有反应,可以前往联系我们告诉我们。