我想在选择某些复选框/单选按钮时显示一些隐藏的文本/元素（无论如何）（假设有一个复选框/单选按钮列表可供选择）。
我应该怎么做才能达到 WCAG 2.0 AA 标准？
以及 AT 用户如何理解单选按钮/复选框，因为显然这不是复选框/单选按钮的假定行为。
谢谢！
问问题
225 次
1 回答
1
你的最后一句话让我停顿了一下：“AT用户如何理解单选按钮/复选框，因为显然这不是复选框/单选按钮的假定行为。”
如果您的收音机/复选框有非标准行为，视力正常的用户也会感到困惑吗？
使用“正常”行为的收音机/复选框，AT 用户将像有视力的人一样理解它们 - 体验。您了解到收音机是一组互斥的选项，而复选框列表允许多个选项。屏幕阅读器将读取对象的角色，以便 AT 用户知道该做什么。
现在，如果您基于这些选择隐藏/取消隐藏对象，则需要通知 AT 用户。这通常使用aria-live完成。默认情况下，如果文本更改或将对象添加到 DOM 将读取 aria-live 区域，如果您通过 display:none 执行此操作，则应该包括取消隐藏。如果您通过将屏幕外对象移动到屏幕上、更改剪切矩形或更改对象大小来取消隐藏，则 aria-live 将无济于事。
另请查看aria-relevant。默认情况下，它的值是'additions text'，这是我上面提到的行为。如果您需要在其他条件下读取 aria-live 区域，请查看 aria-relevant 的其他值。
于 2017-03-03T00:38:38.403 回答