@@ -26,14 +26,20 @@ exports[`EuiColorPicker color empty string 1`] = `
2626 </span >
2727 </div >
2828 <input
29- aria-label = " Press the down key to open a popover containing color options "
29+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
3030 autocomplete = " off"
3131 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
3232 data-test-subj = " euiColorPickerAnchor test subject string"
3333 placeholder = " Transparent"
3434 type = " text"
3535 value = " "
3636 />
37+ <span
38+ class = " emotion-euiScreenReaderOnly"
39+ id = " colorPicker_generated-id_ariaDescribedby"
40+ >
41+ Press the down key to open a popover containing color options
42+ </span >
3743 <div
3844 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
3945 >
@@ -78,14 +84,20 @@ exports[`EuiColorPicker color null 1`] = `
7884 </span >
7985 </div >
8086 <input
81- aria-label = " Press the down key to open a popover containing color options "
87+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
8288 autocomplete = " off"
8389 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
8490 data-test-subj = " euiColorPickerAnchor test subject string"
8591 placeholder = " Transparent"
8692 type = " text"
8793 value = " "
8894 />
95+ <span
96+ class = " emotion-euiScreenReaderOnly"
97+ id = " colorPicker_generated-id_ariaDescribedby"
98+ >
99+ Press the down key to open a popover containing color options
100+ </span >
89101 <div
90102 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
91103 >
@@ -130,13 +142,19 @@ exports[`EuiColorPicker color valid string 1`] = `
130142 </span >
131143 </div >
132144 <input
133- aria-label = " Press the down key to open a popover containing color options "
145+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
134146 autocomplete = " off"
135147 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
136148 data-test-subj = " euiColorPickerAnchor test subject string"
137149 type = " text"
138150 value = " #FFFFFF"
139151 />
152+ <span
153+ class = " emotion-euiScreenReaderOnly"
154+ id = " colorPicker_generated-id_ariaDescribedby"
155+ >
156+ Press the down key to open a popover containing color options
157+ </span >
140158 <div
141159 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
142160 >
@@ -181,13 +199,19 @@ exports[`EuiColorPicker compressed 1`] = `
181199 </span >
182200 </div >
183201 <input
184- aria-label = " Press the down key to open a popover containing color options "
202+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
185203 autocomplete = " off"
186204 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-compressed-controlOnly"
187205 data-test-subj = " euiColorPickerAnchor test subject string"
188206 type = " text"
189207 value = " #FFEEDD"
190208 />
209+ <span
210+ class = " emotion-euiScreenReaderOnly"
211+ id = " colorPicker_generated-id_ariaDescribedby"
212+ >
213+ Press the down key to open a popover containing color options
214+ </span >
191215 <div
192216 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-compressed-absolute-right"
193217 >
@@ -232,14 +256,20 @@ exports[`EuiColorPicker disabled 1`] = `
232256 </span >
233257 </div >
234258 <input
235- aria-label = " Press the down key to open a popover containing color options "
259+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
236260 autocomplete = " off"
237261 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
238262 data-test-subj = " euiColorPickerAnchor test subject string"
239263 disabled = " "
240264 type = " text"
241265 value = " #FFEEDD"
242266 />
267+ <span
268+ class = " emotion-euiScreenReaderOnly"
269+ id = " colorPicker_generated-id_ariaDescribedby"
270+ >
271+ Press the down key to open a popover containing color options
272+ </span >
243273 </div >
244274 </div >
245275</div >
@@ -271,13 +301,19 @@ exports[`EuiColorPicker fullWidth 1`] = `
271301 </span >
272302 </div >
273303 <input
274- aria-label = " Press the down key to open a popover containing color options "
304+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
275305 autocomplete = " off"
276306 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-fullWidth-controlOnly"
277307 data-test-subj = " euiColorPickerAnchor test subject string"
278308 type = " text"
279309 value = " #FFEEDD"
280310 />
311+ <span
312+ class = " emotion-euiScreenReaderOnly"
313+ id = " colorPicker_generated-id_ariaDescribedby"
314+ >
315+ Press the down key to open a popover containing color options
316+ </span >
281317 <div
282318 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
283319 >
@@ -531,13 +567,19 @@ exports[`EuiColorPicker isClearable 1`] = `
531567 </span >
532568 </div >
533569 <input
534- aria-label = " Press the down key to open a popover containing color options "
570+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
535571 autocomplete = " off"
536572 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
537573 data-test-subj = " euiColorPickerAnchor test subject string"
538574 type = " text"
539575 value = " #FFEEDD"
540576 />
577+ <span
578+ class = " emotion-euiScreenReaderOnly"
579+ id = " colorPicker_generated-id_ariaDescribedby"
580+ >
581+ Press the down key to open a popover containing color options
582+ </span >
541583 <div
542584 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
543585 >
@@ -592,14 +634,20 @@ exports[`EuiColorPicker placeholder 1`] = `
592634 </span >
593635 </div >
594636 <input
595- aria-label = " Press the down key to open a popover containing color options "
637+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
596638 autocomplete = " off"
597639 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
598640 data-test-subj = " euiColorPickerAnchor test subject string"
599641 placeholder = " Auto"
600642 type = " text"
601643 value = " "
602644 />
645+ <span
646+ class = " emotion-euiScreenReaderOnly"
647+ id = " colorPicker_generated-id_ariaDescribedby"
648+ >
649+ Press the down key to open a popover containing color options
650+ </span >
603651 <div
604652 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
605653 >
@@ -661,13 +709,19 @@ exports[`EuiColorPicker prepend and append 1`] = `
661709 </span >
662710 </div >
663711 <input
664- aria-label = " Press the down key to open a popover containing color options "
712+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
665713 autocomplete = " off"
666714 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
667715 data-test-subj = " euiColorPickerAnchor test subject string"
668716 type = " text"
669717 value = " #FFEEDD"
670718 />
719+ <span
720+ class = " emotion-euiScreenReaderOnly"
721+ id = " colorPicker_generated-id_ariaDescribedby"
722+ >
723+ Press the down key to open a popover containing color options
724+ </span >
671725 <div
672726 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
673727 >
@@ -729,14 +783,20 @@ exports[`EuiColorPicker readOnly 1`] = `
729783 </span >
730784 </div >
731785 <input
732- aria-label = " Press the down key to open a popover containing color options "
786+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
733787 autocomplete = " off"
734788 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
735789 data-test-subj = " euiColorPickerAnchor test subject string"
736790 readonly = " "
737791 type = " text"
738792 value = " #FFEEDD"
739793 />
794+ <span
795+ class = " emotion-euiScreenReaderOnly"
796+ id = " colorPicker_generated-id_ariaDescribedby"
797+ >
798+ Press the down key to open a popover containing color options
799+ </span >
740800 </div >
741801 </div >
742802</div >
@@ -768,13 +828,19 @@ exports[`EuiColorPicker renders 1`] = `
768828 </span >
769829 </div >
770830 <input
771- aria-label = " Press the down key to open a popover containing color options "
831+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
772832 autocomplete = " off"
773833 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
774834 data-test-subj = " euiColorPickerAnchor test subject string"
775835 type = " text"
776836 value = " #FFEEDD"
777837 />
838+ <span
839+ class = " emotion-euiScreenReaderOnly"
840+ id = " colorPicker_generated-id_ariaDescribedby"
841+ >
842+ Press the down key to open a popover containing color options
843+ </span >
778844 <div
779845 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
780846 >
@@ -819,13 +885,19 @@ exports[`EuiColorPicker showAlpha 1`] = `
819885 </span >
820886 </div >
821887 <input
822- aria-label = " Press the down key to open a popover containing color options "
888+ aria-describedby = " colorPicker_generated-id_ariaDescribedby "
823889 autocomplete = " off"
824890 class = " euiFieldText euiColorPicker__input emotion-euiFieldText-controlOnly"
825891 data-test-subj = " euiColorPickerAnchor test subject string"
826892 type = " text"
827893 value = " #FFEEDD"
828894 />
895+ <span
896+ class = " emotion-euiScreenReaderOnly"
897+ id = " colorPicker_generated-id_ariaDescribedby"
898+ >
899+ Press the down key to open a popover containing color options
900+ </span >
829901 <div
830902 class = " euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
831903 >
0 commit comments