diff --git a/src/views/colorpicker/ColorPickerDoc.vue b/src/views/colorpicker/ColorPickerDoc.vue
index 417900d30..0edbe9805 100755
--- a/src/views/colorpicker/ColorPickerDoc.vue
+++ b/src/views/colorpicker/ColorPickerDoc.vue
@@ -209,6 +209,102 @@ export default {
+ Accessibility
+
+ Screen Reader
+ Specification does not cover a color picker yet and using a semantic native color picker is not consistent across browsers so currently component is not compatible with screen readers.
+ In the upcoming versions, text fields will be introduced below the slider section to be able to pick a color using accessible text boxes in hsl, rgba and hex formats.
+
+ Closed State Keyboard Support of Popup ColorPicker
+
+
+
+
+ | Key |
+ Function |
+
+
+
+
+ | tab |
+ Moves focus to the color picker button. |
+
+
+ | space |
+ Opens the popup and moves focus to the color slider. |
+
+
+
+
Popup Keyboard Support
+
+
+
+
+ | Key |
+ Function |
+
+
+
+
+ | enter |
+ Selects the color and closes the popup. |
+
+
+ | space |
+ Selects the color and closes the popup. |
+
+
+ | escape |
+ Closes the popup, moves focus to the input. |
+
+
+
+
Color Picker Slider
+
+
+
+
+ | Key |
+ Function |
+
+
+
+
+ | arrow keys |
+ Changes color. |
+
+
+
+
Hue Slider
+
+
+
+
+ | Key |
+ Function |
+
+
+
+
+ |
+
+ up arrow
+ down arrow
+
+ |
+ Changes hue. |
+
+
+
+
Dependencies
None.