Accessibility in Blazor Color Picker Component
13 Sep 20212 minutes to read
Color Picker provides built-in compliance with the WAI-ARIA specifications. WAI-ARIA support is achieved through the attributes like
aria-selected applied to the color palette tiles.
|aria-label||Holds the color of the tile.|
|aria-selected||Indicates the current selected state of the tile.|
The following list of keys can be used to interact with the Color Picker after the popup has opened.
|Press||To do this|
|Upper Arrow||Moves the handler/tile up from the current position.|
|Down Arrow||Moves the handler/tile down from the current position.|
|Left Arrow||Moves the handler/tile left from the current position.|
|Right Arrow||Moves the handler/tile right from the current position.|
|Enter||Apply the selected color value.|
|Tab||To focus the next focusable element in the Color Picker popup.|