You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm not sure what the norm is for this type of input, but when I focus the left input VoiceOver reads aloud "20" followed by the help text, and when I focus the right input "100" followed by the help text. It seems like the user would need some additional information to tell the two inputs apart.
One way we could address this would be by applying default aria-label attributes of "Minimum" and "Maximum" to each input. Then we could also add an ariaLabels prop that could mirror the format of the value prop, which would be applied over these defaults.
<EuiDualRangevalue={[min.valueasnumber,max.valueasnumber]}ariaLabels={["Mininum number of midi-chlorians","Maximum number of midi-chlorians"]}/>
The text was updated successfully, but these errors were encountered:
This comment regards this type of range:
I'm not sure what the norm is for this type of input, but when I focus the left input VoiceOver reads aloud "20" followed by the help text, and when I focus the right input "100" followed by the help text. It seems like the user would need some additional information to tell the two inputs apart.
One way we could address this would be by applying default
aria-label
attributes of "Minimum" and "Maximum" to each input. Then we could also add anariaLabels
prop that could mirror the format of thevalue
prop, which would be applied over these defaults.The text was updated successfully, but these errors were encountered: