search

TEHIK-EE / tedi-design-system

TEDI is TEHIK design system
2 stars 10 forks source link

Select: WCAG issues #49

Open kristiina-richards opened 2 months ago

kristiina-richards commented 2 months ago

Description of the problem

  1. JAWS doesn't read out the selected value correctly when moving around the open select options. It is shown visually but it doesn't capture it Requirement: link
  2. With a value selected and focus out of the select box, the delete button contrast is too low. (1.6:1) Requirement: link
  3. Not possible to move to the delete button with a keyboard. Value can only be deleted with backspace Requirement: link
  4. JAWS doesn't move to the delete button Requirement: link
  5. JAWS doesn't read required select items as required. Seems as the required prop isn't passed onto the input Requirement: link
kristiina-richards commented 2 months ago

1-4. seems to be bug with react-select.