Closed Bug 1555770 Opened 7 months ago Closed 3 months ago

Support different score levels for accessibility badges in the accessibility tree.

Categories

(DevTools :: Accessibility Tools, enhancement)

enhancement
Not set

Tracking

(firefox70 fixed)

RESOLVED FIXED
Firefox 70
Tracking Status
firefox70 --- fixed

People

(Reporter: yzen, Assigned: yzen)

References

Details

Attachments

(4 files)

Right now we have a single icon for a11y badges - a triangle with "!" character.

We will support not just a11y failures but also warnings and best practices categories. We should update badge icons to be consistent with a11y panels (e.g. webconsole) the following way:

  • red circle with an "!" for errors ( + possibly light red background for the badge itself)
  • yellow triangle with an "!" for warnings ( + possibly light yellow background for the badge itself)
  • currentColor circle with an "i" for best practices.
Status: ASSIGNED → NEW

Hi Florens, would you be interested working on this bug or perhaps you'd be interested in helping with tiny icons for error and best practices similar to the failure?

Flags: needinfo?(florens)
Attachment #9088809 - Attachment description: Bug 1555770 - update badge icons to correspond to the score of the accessibility issue. r=gl,fvsch → Bug 1555770 - update badge icons to correspond to the score of the accessibility issue. r=fvsch
Attached file tiny-icons.zip

Here are 9px "tiny" icons for alert (warning), info and error.

Flags: needinfo?(florens)
Assignee: nobody → yzenevich
Status: NEW → ASSIGNED
Pushed by yura.zenevich@gmail.com:
https://hg.mozilla.org/integration/autoland/rev/a284f570400b
update contrast highlighter FAIL icon to red circle with ! similar to other audit types. r=rcaliman
https://hg.mozilla.org/integration/autoland/rev/329567464164
update contrast FAIL icon in a11y panel sidebar checks section and in inspector color picker. r=gl
https://hg.mozilla.org/integration/autoland/rev/7a8673a38e37
update badge icons to correspond to the score of the accessibility issue. r=fvsch
Status: ASSIGNED → RESOLVED
Closed: 3 months ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 70
You need to log in before you can comment on or make changes to this bug.