在颜色选择器上选择吸管工具时,用户的光标焦点在颜色选择器弹出窗口中不可见,但接受来自后面的输入

The eyedropper tool when selected on a colorpicker, the users' cursor focus is not visible on the colorpicker popup,but accepts the input from behind

提问人:Aayush Agrawal 提问时间:10/18/2023 更新时间:10/19/2023 访问量:18

问:

编号: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color

前两个示例:(仅使用鼠标光标)

  1. 导航到“拾色器”控件。
  2. 导航并激活“吸管工具”。
  3. 导航到出现的颜色选择器弹出窗口。
  4. 请注意,用户的光标焦点位于颜色选取器弹出窗口的后面,但在弹出窗口中接受该颜色的输入。

当弹出窗口出现时,如何处理这个问题以增强可访问性是一个原生的 html 功能。而且,用户的焦点在弹出窗口后面,同时接受弹出窗口的输入。

期望: 增强可用性并消除用户在选择吸管工具时失去的注意力。

辅助功能 颜色选择器

评论


答:

1赞 QuentinC 10/19/2023 #1

由于它是一个本机控件,因此您无法做太多事情来改善可访问性,甚至更糟:您可能尝试的方法可能会在几个月或几年内对其他浏览器甚至 Firefox 造成问题。 这似乎有悖常理,但最好的办法是......什么都不做。

这既是本机控件的优点,也是缺点。当它可访问时,它是最好的,但当它不可访问时,那是最糟糕的。

你能做的最好的事情就是联系Mozilla的无障碍团队,告诉他们你的问题。 也许他们会修复它,也许他们不会,因为它已经是任何妥协的结果。也许您认为这是一个问题,但实际上对于大多数用户来说并不是真正的问题。

如果您迫不及待地想修复,您可以决定使用自定义组件而不是本机组件。但请注意:

  • 在大多数情况下,您将降低大多数用户的可访问性,因为尽管您有很好的意愿,但您通常无法击败本机支持
  • 您必须维护自定义组件,而本机组件会随着时间的推移免费获得改进