Updates to AJAX view filters for assistive technology

Created on 13 May 2023, over 1 year ago
Updated 16 May 2023, over 1 year ago

Problem/Motivation

Currently if a user filters any kind of view that uses AJAX there is no notification to a screen reader user that content on the page has changed.

Steps to reproduce

  1. Create view through UI with exposed filters
  2. Enable AJAX on view
  3. Vist view to test filter and interact with exposed filter
  4. On submit no notification is provided for screen readers

Proposed resolution

Provide by default aria-live notifications when views with exposed filters are updated.

  1. Ideally the page/content would only change when the submit button is clicked
  2. aria-live=”polite” is located on the <header> in the view to update screen readers
  3. aria-live=”polite” is located on the no results option in the view to update screen readers

We could also consider leveraging the Drupal core announcement functionality to notify screen readers.

Remaining tasks

  • Determine effective implementation for notifications
  • Implement possible solution
  • Add testing
  • Community testing & accessibility review
  • Make Drupal even more accessible!

User interface changes

Provide an option for editors to modify or adjust the text within the aria-live notification.

A potential example: Adjust notification to read x number of items found, users could replace `items` with term or content type.

API changes

TBD

Data model changes

No changes anticipated.

Feature request
Status

Active

Version

10.1

Component
Views UI 

Last updated 9 days ago

Created by

🇺🇸United States jldust

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024