Closed Bug 1644669 Opened 4 years ago Closed 4 years ago

[a11y]Make the flex view in the layout accordeon more accessible to screen readers.

Categories

(DevTools :: Inspector: Layout, enhancement)

79 Branch
enhancement

Tracking

(Accessibility Severity:s3, firefox79 fixed)

RESOLVED FIXED
Firefox 79
Accessibility Severity s3
Tracking Status
firefox79 --- fixed

People

(Reporter: MarcoZ, Assigned: MarcoZ)

References

(Blocks 1 open bug)

Details

(Keywords: access)

Attachments

(2 files)

It currently has a bunch of problems, like unlabeled items and unclear structure for someone who cannot see the screen.

This patch does the following:

  1. Makes the color swatch more explicit when read by a screen reader user. It was not clear that this is a color preview being displayed.
  2. Both the flex-direction and flex-wrap badges are being treated as illustrations, not generic containers, so screen readers immediately pick up the full meaning from the title.
  3. Turns the flex item list sub heading into an actual heading for screen readers. It is level 3 because the accordeon headings are all level 2.

Depends on D79128

Pushed by mzehe@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/f495c9163247
Part 1 - Label the button to return to the flex container view for screen readers, r=yzen
https://hg.mozilla.org/integration/autoland/rev/3435100c8a79
part 2 - Make the flex container view more accessible to screen reader users, r=yzen
Status: ASSIGNED → RESOLVED
Closed: 4 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 79
Accessibility Severity: --- → s3
Whiteboard: [access-s3]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: