web-a11y-class是一个简单的弹出式颜色选择器，作为桌面网络可访问性的教学工具。

练习1：使颜色选择器键盘可访问

成功标准：

  • 用户应能使用键盘导航到按钮。

  • 当颜色选择器打开时，焦点应该自动移动到弹出窗口。

  • 用户可以使用箭头键在颜色之间移动。

  • 按下Enter或Spacebar应选择颜色。

  • 按下Esc键应该关闭弹出窗口，并将焦点移回按钮。

练习2：使用ARIA使VoiceOver用户可以访问颜色选择器

成功标准：

  • 用户应能将按钮视为弹出按钮。

  • 用户应能将颜色选择器视为菜单。

  • 菜单项应被视为类似无线电的控件。

  • 用户应能区分各菜单项。

  • 用户应能感知当前选择的颜色。

资源：咏叹调资源。