Skip to content

[a11y]: The ARIA attribute "aria-autocomplete" is in conflict with the corresponding HTML attribute "autocomplete" #17181

Open

Description

Reported in slack, this violation appears on downshift-based components with the latest Aug06 ruleset.

Details

These attributes are set by downshift, the library that powers the Combobox, MultiSelect, FilterableMultiSelect and Dropdown.

While the spec calls for native attributes to "win" and be used if both of these are applied, in practice both are required in attempt to achieve the outcome of:

  1. Turning off form autocompletion so the browser does not display it's own listbox that conflicts with the listbox provided by the component (see examples [FilterableMultiSelect]: autocomplete="off" ignored by Chrome  #8993, and [Bug]: Chrome autocomplete shows over DatePicker #12602)
  2. AT's surfacing the presence of a list connected to these components.

The attributes are not semantically equivalent and have disparate features

Current progress

Reproduction

https://stackblitz.com/edit/github-k5cekb?file=src%2FApp.jsx

Components impacted

  • ComboBox
  • MultiSelect
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Type

    Projects

    • Status

      ⏱ Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions