Contrib.social

Missing aria-labelledby element in definition of popup banner

Open on Drupal.org →
Created on 5 September 2024, 2 months ago

Problem/Motivation

Hi!

if attempting an accessibility scan with the module installed (e.g: with https://www.accessibilitychecker.org portal), the result will be:
Ensures every ARIA dialog and alertdialog node has an accessible name 

FAILING ELEMENTS
<em>SELECTOR: body.eu-cookie-compliance-popup-open > div#sliding-popup </em>
<div id="sliding-popup" role="alertdialog" aria-describedby="popup-text" class="sliding-popup-bottom" style="height: auto; width: 100%; bottom: 0px;">

With the proposed solution:

Option 1 - Do it yourself:

1. Ensure that each element with <role="dialog"> or <role="alertdialog"> has one of the following characteristics:

    Non-empty <aria-label> attribute.
    <aria-labelledby> pointing to element with text which is discernible to screen reader users.

Steps to reproduce

Proceed with the analysis of asite as mentioned above

Proposed resolution

Add 'aria-labelledby' as indicated in the proposed solution, pointing to 'popup-text' as well, as in 'aria-descrbedby'

Remaining tasks

Create MR

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Closed: duplicate

Version

1.0

Component

Code

Created by

🇧🇪Belgium gorkagr

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.71.5 2024