2008160 - Decorative image not programmatically identified (Settings dialog > Manage topics button)

Status: RESOLVED FIXED

(Firefox :: New Tab Page, defect)

Description

[John Northup]

Steps to Reproduce

Open Dev Tools. Inspect the image within the Manage topics button.

Expected Behavior

Image marked as decorative by alt="".

Actual Behavior

Image withheld from the accessibility tree by role="presentation".

User Impact

Although the image is removed from the accessibility tree, the role attribute relies on AT behavior rather than author-provided alt information. Using alt="" is the most robust method for identifying decorative images and is consistent with the First Rule of ARIA.

WCAG 2.2 References

Best practice only.

Recommendations

Apply alt="" and remove the role attribute.

Testing Environment

Any

Assistive Technology Used

Any

Code Pointers

<img class="icon nav-icon" src="chrome://global/skin/icons/arrow-right.svg" role="presentation">

Further Reference

• WebAIM: Alternative Text: Decorative Images
• W3C: First Rule of ARIA Use

Comment 1

[John Northup]

Attachment: Manage topics button

Comment 2

[Irene Ni [:ini]]

Attachment: Bug 2008160 - Use alt="" to programmatically identify arrow icon in moz-box-button. r=#reusable-components-reviewers

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/8f7cff6f04d9
https://hg.mozilla.org/integration/autoland/rev/d1d1dcef8b4b
Use alt="" to programmatically identify arrow icon in moz-box-button. r=mstriemer

Comment 4

[Sandor Molnar[:smolnar]]

https://hg.mozilla.org/mozilla-central/rev/d1d1dcef8b4b

Comment 5

[Anna Yeddi [:ayeddi]]

Assigning the Severity value to align with the Accessibility severity, per discussions with :thecount and :marco