Accessibility concerns such as missing form and select input labels

Created on 17 July 2024, 4 months ago
Updated 30 August 2024, 3 months ago

Problem/Motivation

Accessibility testing revealed a few concerns. The main one is that the form and select elements do not have corresponding labels. This showed in a few different testing tools (WAVE, Lighthouse, SiteImprove). Another concern is about the Add Row link and Calculate button. Though not flagged by testing tools, I noticed when using Voiceover that there is no announcement of what has changed after selecting one.

Steps to reproduce

Check a page using the calculator with an accessibility testing tool like WAVE, Lighthouse, or SiteImprove to see the missing label errors. Use a screen reader such as VoiceOver to note the lack of helpful information upon submission.

Proposed resolution

Though it's not tabular data, formatting the calculator as a table is one way to help fix the missing labels. Using Drupal.announce() could alert users to any page changes after clicking a button.

πŸ› Bug report
Status

Fixed

Version

2.0

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States mariewakeman

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024