【问题标题】:Custom behavior with radio buttons and/or checkboxes. Accessibility ( WCAG 2.0 )带有单选按钮和/或复选框的自定义行为。可访问性(WCAG 2.0)
【发布时间】:2017-03-02 15:36:43
【问题描述】:

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

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

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

谢谢!

【问题讨论】:

    标签: accessibility wcag wcag2.0


    【解决方案1】:

    您的最后一句话让我停顿了一下:“AT 用户如何准确理解单选按钮/复选框,因为显然这不是复选框/单选按钮的假定行为。”

    如果您的收音机/复选框有非标准行为,视力正常的用户也会感到困惑吗?

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

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

    另请查看aria-relevant。默认情况下,它的值是'additions text',这是我上面提到的行为。如果您需要在其他条件下读取 aria-live 区域,请查看 aria-relevant 的其他值。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-01-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-10-11
      • 1970-01-01
      • 2013-11-18
      • 2015-11-02
      相关资源
      最近更新 更多