1790387 - Make Feature Callout step indicator more accessible

Status: RESOLVED FIXED

(Firefox :: Messaging System, defect, P2)

Description

[Meg Viar [:mviar]]

Per :ayeddi -

• "Stepper is marked up as a meter while that widget is not expected to be used in this case. Instead, the progress bar is expected (either preferred HTML <progress> or ARIA-powered role="progressbar")"
• "Stepper announces that it's on the step 0 of 4, while 1 of 4 would be expected to be more human-friendly :) Plus, the aria-valuemin is set to 1"
• "Stepper is announcing that it is a vertical level indicator on macOS - it should be horizontal (which is implied for either progress bar pattern, see above)"
• "The stepper indications are hard to see: without HCM/Increase contrast on dark mode the color contrast for the future steps is only 2.2:1 while minimum per WCAG is 3:1 and higher is better. Users may find it difficult to predict how many steps are left or are passed as the inactive dots are hard to see. With HCM on, the contrast is still low. Maybe, using WindowText for inactive dots and SelectedItemtext for the current step dot be appropriate?"
• "Programmatic reading order of the first callout is not following the visual reading order - the Next button is announced before the stepper which is placed on the left (for English and other LTR, stepper needs to be announced first)"

See featureCallout.mjs for feature callout code.
See MultiStageAboutWelcome.jsx for progress / step indicator code.

Comment 2

[Punam Dahiya [:pdahiya]]

NI @vtay to help triage the bug and provide feedback if it's needed for Fx106

Comment 3

[Vtay]

Refer to the 1788253

Comment 4

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:tspurway, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 5

[Emily McMinn :emcminn]

Attachment: Bug 1790387 - A11y improvements for the Feature Callout step indicator

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/8f9ac6b03f25
A11y improvements for the Feature Callout step indicator r=aminomancer,bolsson

Comment 7

[Norisz Fay [:noriszfay]]

https://hg.mozilla.org/mozilla-central/rev/8f9ac6b03f25