Make progress bar accessible [#2616456]

For those people who have accessibility requirements and use screen readers, the progress bar is not accessible to them. Instead of letting the user know what page or step they are at, a screen reader just reads the entire progress bar over and over again.

Issue fork webform-2616456

Show commands

Start within a Git clone of the project using the version control instructions.

Add & fetch this issue fork’s repository

Or, if you do not have SSH keys set up on git.drupalcode.org:

Add & fetch this issue fork’s repository

2616456-make-progress-bar changes, plain diff MR !482
Check out this branch for the first time

Check out existing branch, if you already have it locally

1 hidden branch

6.2.x

compare

Check out this branch for the first time

Check out existing branch, if you already have it locally

About issue forks

Comments

Comment #1

16 November 2015 at 17:28

Dru Pal created an issue. See original summary.

Comment #2

danchadwick commented 16 November 2015 at 21:28

Category:	Bug report	» Feature request
Priority:	Major	» Normal

A. Definitely not major.
B. Why does the screen reader do this? Seems like a broken screen reader.
C. Not the latest version, but probably the same.
D. Which progress bar specifically?

Patches welcome, but I don't plan to do anything about this.

Comment #3

dru pal commented 17 November 2015 at 19:53

This is about the standard graphical progress bar (green bar) that can be included by enabling it under form settings. Can you at least point to the sections in the webform module to make changes to the output? Perhaps I can add "aria-hidden" to the code so that it's not shown to the screen reader?

Comment #4

liam morland

English

Ontario, CA 🇨🇦

commented 31 May 2018 at 18:50

Title:	Progress Bar Accessibility Issues	» Make progress bar accessible
Version:	7.x-4.10	» 7.x-4.x-dev
Component:	Code	» Accessibility

It would be great to have an accessible progress bar, including the ARIA that is specific to progress bars. These changes can be made in webform-progressbar.tpl.php.