Accessiblity - Remove aria and alertdialog from module

Created on 29 April 2024, 8 months ago

Problem/Motivation

The module does not follow hhttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Al... guidelines example #1.

<div
  role="alertdialog"
  aria-labelledby="dialog1Title"
  aria-describedby="dialog1Desc">
  <div role="document" tabindex="0">
    <h2 id="dialog1Title">Your login session is about to expire</h2>
    <p id="dialog1Desc">To extend your session, click the OK button</p>
    <button>OK</button>
  </div>
</div>

  • It does the aria-describedby but not the aira-labelledby
  • It does not create the id for the aria-labelledby
  • The is not on the correct div

Proposed resolution

  • Remove the aria from JavaScript and move it somewhere else.
  • Ideally, the textarea fields should be divided into 2. Own one for the header/label and another for the body/description. This should go for everything, including withdrawal, consent, etc.
Feature request
Status

Active

Version

1.0

Component

Code

Created by

🇨🇦Canada iStryker

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