使用单选按钮和/或复选框的自定义行为。辅助功能(WCAG 2.0)

时间:2017-03-02 15:36:44

标签: accessibility wcag wcag2.0

我想在选择一些复选框/单选按钮时显示一些隐藏的文本/元素(无论如何)(假设有一个复选框/单选按钮列表可供选择)。

我应该怎样做才能达到WCAG 2.0 AA标准?

AT用户如何理解单选按钮/复选框,因为这显然不是复选框/单选按钮的假设行为。

谢谢!

1 个答案:

答案 0 :(得分:1)

你的最后一句话让我暂停:" AT用户如何理解单选按钮/复选框,因为这显然不是复选框/单选按钮的假设行为。&#34 ;

如果您的无线电/复选框有非标准行为,那么有视力的用户是否也会感到困惑?

正常'行为无线电/复选框,AT用户将像有视力的人一样理解它们 - 体验。您了解到无线电是一组互斥的选择,而复选框列表则允许多种选择。屏幕阅读器将读取对象的角色,以便AT用户知道该做什么。

现在,如果您根据这些选择隐藏/取消隐藏对象,则需要通知AT用户。这通常是使用aria-live完成的。默认情况下,如果文本发生更改或者将对象添加到DOM中,则会读取aria-live区域,如果您通过display:none执行此操作,则应包括取消隐藏。如果您通过将屏幕外对象移动到屏幕上,或更改剪切矩形或更改对象的大小来取消隐藏,则aria-live将无法帮助。

另见aria-relevant。默认情况下,它的值是“添加文字”,这是我上面提到的行为。如果您需要在其他条件下阅读咏叹调生活区域,请查看咏叹调相关的其他值。