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