AlaskaAirlines / auro-select

Combo custom element containing pre-defined trigger options with menu in the dropdown panel

Home Page:https://auro.alaskaair.com/components/auro/select

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

VoiceOver reads back all options prior to interaction

blackfalcon opened this issue · comments

Describe the bug

When using a screen reader to access content within the auro-select element, the screen reader reads back all the options in the menu. This is not only distracting, but this will bring things to a stop if there is a long list of options.

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://auro.alaskaair.com/components/auro/select
  2. Activate screen reader
  3. Interact with auro-select element
  4. Hear error

ca4de323-4e0f-4ea6-a68c-8ffdb407d38c

Additionally, when in the select option, the screen reader does not read back the label of the element. This is a crucial miss.

Expected behavior

Please see https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select and mirror experience.