adobe / adobe/aem-core-cif-components

[Accessibility] [Reset Password] Status message lacks any attribute to be perceivable to user without receiving focus.

Open
#695 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
Java
Stars
109
Forks
78
Avg merge
4d 18h
Merged PRs (30d)
4

Description

**Steps to Reproduce**
1. Open page in Google Chrome.
2. Open Chrome developer tools.
3. Review status message markup.
4. Notice lack of `aria-live` attribute.

**Current Behavior**
Status message lacks an `aria-live` attribute to announce it to users without receiving focus.

**Expected behavior/code**
Status messages should be given an `aria-live` attribute. In this case, the value for said attribute should be `polite`.

**Environment**
Chrome 92, Windows 10, NVDA 2020.4
AEM Core Components v. 2.17

**Affected Users**
Screen reader users, keyboard-only users

**WCAG SC**
4.1.3 Status Messages

Contributor guide

Open the contributing guide

Research direction

Start at the reset-password page and inspect the status message markup in Chrome developer tools, as described in the reproduction steps. Confirm the status message has an aria-live attribute with the value polite, then verify that its announcement works for screen reader users without moving focus.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
accessibility, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.