WCAG 3.2.2 网站上的输入和切换开关

问题描述

我已经阅读了 WCAG 和其他处理解释的来源,如果我必须违反 3.2.2,我仍然有点困惑。也许你有一些额外的想法:

  1. 页面上的切换开关将用于基本上重置包含选定行的表格
  2. 切换默认为“开启”并显示“最佳组合”
  3. 如果用户选择不同的行,切换开关会变为“关闭”状态,并且用户会被告知“已进行更改”

更新:行数介于 1 和最大值之间。 30,大多数用户都会有5个左右。行包括财务信息,因此您可以根据您选择(或为您预先选择)的行获得最终金额。我们没有指定将保存状态,但这是一个好主意 - 然后切换可以将用户选择与默认选择交换。我对设计师的建议是使用(重置)按钮,但他们会有切换按钮...这只是第一步 - 您必须在提交前确认选择。

Toggle 的状态也是动态改变的——如果用户不改变行的选择,它保持默认状态,如果用户做出改变,它被切换......

所以我的困境是 - 这是否改变了上下文?

如果再次切换切换开关,则会选择默认行并再次通知用户。

我个人认为这很危险,我建议使用确认对话框或提交按钮,以便用户在更改发生之前确认更改。

但是在阅读理解 SC 3.2.2 (https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-unpredictable-change.html) 时,我可能会误会,如果切换开关立即更改行选择并且用户被告知它是完全没问题的(视觉上我们更改除了切换之外的文本屏幕阅读器用户将收到视觉隐藏状态消息的通知(role="status"))。

您怎么看 - 如果切换“重置”非默认行选择是否可以,或者我们应该有一个“确认”(确认对话框/提交按钮)?

概念图:

Animated gif showing toggle button changing dataset

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)