Closed Bug 1550642 Opened 5 years ago Closed 5 years ago

Improve accessibility of autofocused email

Categories

(Firefox :: Messaging System, enhancement, P1)

enhancement

Tracking

()

VERIFIED FIXED
Firefox 68
Iteration:
68.4 - Apr 29 - May 12
Tracking Status
firefox67.0.1 --- fixed
firefox68 --- verified

People

(Reporter: Mardak, Assigned: rrosario)

References

Details

(Keywords: github-merged)

Attachments

(1 file)

For a product perspective, we want to have the email input focused ready for typing. But this causes some problems for a11y as it realizes there's a dialog + header but then basically jumps straight to the input without the context that's visually shown.

From jteh:

If we want to keep initial focus on the email, we could:

  1. Have a role="group" container around the <form>.
  2. Set the group's aria-labelledby pointing at the node with onboarding-join-form-header.
  3. Set the group's aria-describedby pointing at the node with onboarding-join-form-body.
    This way, the screen reader user would get something like:
    "You’ve got the browser. Meet the rest of Firefox. dialog, Join Firefox grouping Enter your email address to get started., Enter email edit focused ..."
Type: defect → enhancement

Might also want to cover issues re: <input type="email" required="required"> and how those appear for a11y too

Depends on: 1548268
Assignee: nobody → rrosario
Iteration: --- → 68.4 - Apr 29 - May 12
Blocks: 1550861
Blocks: 1550883
Status: NEW → RESOLVED
Closed: 5 years ago
Keywords: github-merged
Priority: -- → P1
Resolution: --- → FIXED
Target Milestone: --- → Firefox 68

I have verified this issue with the latest Firefox Nightly (68.0a1 Build ID - 20190513082256) installed, on Windows 10 x64, Arch Linux and Mac 10.14.4. Now, the "Firs Run" page modal is according with the specs from here.

Status: RESOLVED → VERIFIED
Blocks: 1551677
Component: Activity Streams: Newtab → Messaging System
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: