Contrib.social

Improve Accessibility with aria-controls and aria-labelledby

Open on Drupal.org →
Created on 1 July 2024, 5 days ago

Problem/Motivation

To enhance the accessibility of our application, it is essential to implement ARIA (Accessible Rich Internet Applications) attributes effectively. Two crucial attributes, aria-controls and aria-labelledby, provide significant benefits for users relying on assistive technologies

Proposed resolution

Implement the following ARIA attributes in our modal dialog components:

aria-controls: Associates the trigger element (e.g., button or link) with the modal it controls.
aria-labelledby: Links the modal to its title element, ensuring the title is read by screen readers when the modal is opened.
It'll help with few benefits

  • Enhanced User Experience: Provides clear context for users of screen readers by indicating relationships between controls and their associated modals.
  • Improved Navigation: Facilitates easier navigation for users with disabilities by providing explicit associations between interactive elements and their targets.
  • Compliance with Accessibility Standards: Helps meet WCAG (Web Content Accessibility Guidelines) requirements, making our application more inclusive.

Remaining tasks

User interface changes

API changes

Data model changes

✨ Feature request
Status

Fixed

Version

1.4

Component

Code

Created by

🇧🇷Brazil RenatoG Campinas

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

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.69.0 2024