Dropdown suggestions missing ARIA labels

Created on 27 August 2025, about 2 months ago

Problem/Motivation

When using an exposed form in a view as a search input with autocomplete enabled, when you type any values into the search bar, it will automatically display suggested search terms in a dropdown. When you tab navigate through the dropdown’s list, the screen reader is unable to read any of the options highlighted. Thus, non-sighted users will be unable to use the dropdown suggestions since the screen reader cannot interpret the search suggestions.

Steps to reproduce

  1. Create a view
  2. Add a search field
  3. Enable autocomplete for that search field
  4. Initiate a search with autocomplete suggestions
  5. Use the keyboard to tab navigate through the suggested items, while having a screen reader active

Proposed resolution

Provide ARIA labels to the dropdown suggestions so that screen readers can read them exactly as shown.

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

🐛 Bug report
Status

Active

Version

10.3

Component

views.module

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024