Delete profile page - Audit and fix a11y properties
Categories
(Toolkit :: Startup and Profile System, defect, P2)
Tracking
()
Tracking | Status | |
---|---|---|
firefox136 | --- | fixed |
People
(Reporter: jhirsch, Assigned: niklas)
References
(Blocks 2 open bugs)
Details
(Whiteboard: [fidefe-profile-management])
Attachments
(4 files)
Audit and fix: focus order, tab order, roles, and labels as spec'd for the delete profile page.
Figma annotations extracted to a screenshot and copied out here for reference:
Entry types for the list below:
Type: Presentational
(Mobile and Desktop) Used for decorative elements that should be ignored by screen readers.
Type: Note
(Mobile) Used for all annotations
(Desktop) Used for non-interactive components and landmarks
Type: Arrow key navigation
(Desktop only) For interactive elements that can be reached by using the arrow keys (usually within a component reached through the tab key)
Type: Tab navigation
(Desktop only) For interactive elements that can be reached by using the tab-key.
Focus order:
- Avatar image
- Type: Note
- Name: "${avatar_name} icon"
- Role: graphic
- Page title
- Type: Note
- Name: [use on-screen string]
- Role: Heading 1
- Page subtitle
- Type: Note
- Name: [use on-screen string]
- Role: paragraph
- List of data definitions for the profile
- Type: Note
- Name: Group
- Role: Descriptive list
- Note: This should read name and count from top down
For each of the following items, the properties should be:
- Type: Note
- Name: [use on-screen string, for example "Open windows" or "Open tabs"]
- Role: Definition term
And for each row, there should be a corresponding item for its value:
- Type: Note
- Name: [use on-screen string, which in general will be a number, like the number of open windows]
- Role: Definition description
Finally, we have the two buttons at the bottom of the page, which participate in the tab navigation order:
- Cancel button
- Type: tab navigation
- Name: Cancel
- Role: Button
- Note: Takes user back to whatever page they came from
- Delete button
- Type: tab navigation
- Name: Delete
- Role: Button
- Note: Closes all windows for the current profile and exits Firefox, then deletes the profile as a background task after exiting.
Updated•2 months ago
|
Reporter | ||
Comment 1•2 months ago
|
||
Reporter | ||
Comment 2•2 months ago
|
||
Reporter | ||
Comment 3•2 months ago
|
||
Reporter | ||
Comment 4•2 months ago
|
||
Mass setting S2 severity for 0.5% release bugs. Apologies for the bug spam!
Assignee | ||
Updated•27 days ago
|
Assignee | ||
Comment 5•23 days ago
|
||
Reporter | ||
Comment 6•21 days ago
|
||
Note - there is a thorough guide to these annotations: https://acorn.firefox.com/latest/resources/designer/a11y-figma-annotations-KFdQgdPq
Comment 8•16 days ago
|
||
bugherder |
Description
•