1762431 - Visual/presentation fixes for a11y on PBM 100

Status: VERIFIED FIXED

(Firefox :: Messaging System, defect, P1)

Description

[Emily McMinn :emcminn]

Accessibility review found a number of small issues on the Private Browsing page in Fx100.

Addressing a few of the simpler ones here:

1. The (focus promo) image needs to be marked presentational so screen readers don’t pick it up.

2. The close button is in a non-standard location — could we move it to the upper-right corner of this content instead of having it align horizontally with the text? The close button should also have an outline or differentiating background to indicate it is a control

3. It’d be helpful to give this message a different background color so it is evident to the user that this is a dismissable message, instead of just new private-browsing newtab content. This would help users with cognitive disabilities.

Comment 1

[Emily McMinn :emcminn]

Attachment: Bug 1762431 - Presentation fixes for a11y on PBM Fx100

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/221cb7befe88
Presentation fixes for a11y on PBM Fx100 r=mviar

Comment 3

[Cristian Tuns]

https://hg.mozilla.org/mozilla-central/rev/221cb7befe88

Comment 4

[Simona Rosu [:srosu], Ecosystem QA]

I‘ve verified this issue using the latest Firefox Nightly 101.0a1 (Build ID: 20220405212313) on Windows 10 x64, macOS 11.6, and Ubuntu 20.04.

• The “x” button is displayed on the top right corner of the Firefox Focus promo section and is highlighted on hover.
• The Firefox Focus promo section has a dark background.
• The Firefox Focus image is marked as a presentation, and it is not read by a screen reader.