[a11y] Element lacks accessible name
Categories
(Core :: DOM: Credential Management, defect)
Tracking
()
People
(Reporter: A02291979, Unassigned)
References
(Blocks 1 open bug)
Details
(Keywords: access)
Attachments
(1 file)
|
37.14 KB,
image/png
|
Details |
Impacted Section/Element
The "Password Doorhangers" dialogs (Credential Management), the "Primary Password" dialog (Passwords & Autofill)
Steps to Reproduce
In the "Password Doorhangers" dialogs, open DevTools and inspect the "Show/Hide Password" elements located to the right of the inputs. On the Passwords & Autofill page, open DevTools and activate the "Set primary password" button. In the resulting "Primary Password" dialog, enter text into the "Enter new password" and/or "Re-enter password" inputs. Inspect the "Show/Hide Password" elements located to the right of the inputs.
Expected Behavior
name conveys element function.
Actual Behavior
name is undefined.
User Impact
Screen reader users do not know what the elements do or what state they are in.
WCAG 2.2 References
Recommendations
While the elements have the function of showing the password, they should have aria-label="Show password". While the elements have the function of hiding the password, they should have aria-label="Hide password". Ensure that the labels dynamically update each time the element is activated.
Testing Environment
Any
Assistive Technology Used
Any
Further Reference
Severity
2-Significant
Updated•1 month ago
|
Comment 1•1 month ago
|
||
password doorhangers = Core :: DOM: Credential Management
primary password = Firefox :: Settings UI (since it lives under about:preferences?)
Updated•1 month ago
|
Description
•