Input type="color" - Disable keyboard interaction with eyedropper button - (2036569946)

[dqateam]

Module:

16 Input & Input Message

Violation:

Ensure all interactive functionality is operable with the keyboard

WCAG Reference:

• 2.1.1 Keyboard

Instance ID:

2036569946

Severity:

8

Description:

[Issue]
Eyedropper tool (when activated and user needs to select an area to eyedrop) that cannot be navigated to and/or operated with the keyboard alone.

[User Impact]
Keyboard-only users will be prevented from accessing the functionality provided by these controls.

Note:

[Suggestion]
Ensure all interactive functionality is operable with the keyboard. The best way to accomplish this is by using appropriate native controls, which come with keyboard functionality built in.

If using a native control is not possible, the control must have tabindex="0" and have JavaScript event listeners that allow the control to be activated when Enter is pressed.

Media Type:

Keyboard Accessibility

Additional Resources:

• Report Source: Product accessibility evaluation conducted on the Calcite Design System in August, 2022.

[geospatialem]

The eyedropper should not be navigable via a keyboard. Since we provide other context for users, this does not violate the 2.1.1 Keyboard success criterion.

[geospatialem]

This is a native input function and cannot be altered.

Additionally the same functionality is possible via alternative means via keyboard, where users can select a color with the arrow keys, or change the HEX/HSV/RGB value.

Closing as no code change can be made.