Search code examples
angularaccessibilitysection508

Accessibility: Whats the preferred standard compliant behavior for a drop down to be considered accessible?


I would like for the first item in the drop down to be read by the screen reader(NVDA or Jaws). Currently when tabbing through, the screen reader reads the label: "Sports Cars" and audibly says "list". Is that what is preferred or should it read the first item? I am using a custom angular component.

<my-dropdown [fieldData]="this.getMyfieldData" label="Sports Cars"></mydropdown>

Solution

  • All the answers you seek are here. First decide whether you are making a combobox or a listbox. Then make an effort to duplicate the examples with your output.

    Also be sure to read section 6 about keyboard input.