Esri / Esri/global-nav

A11Y | The "Notification" icon button does not have a valid accessible label.

Open
#331 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
10
Forks
2
PR merge metrics
No merged PRs in 30d

Description

**ID**
1843920471

**Violation**
Provide a valid label for form fields

**Module Name**
03a Header Menu - Top Row

**Description**
[Issue]
The "Notification" icon button does not have a valid accessible label.

[User Impact]
When buttons do not explicitly include a label, assistive technologies may incorrectly render the label or provide no label at all to users. When labels are not present or are incorrect, users of assistive technologies may not be able to complete an action.

[Code Reference]
``

**Note**
[Recommendation]
Developer should provide an accessible label to the actionable icon buttons. Developer can use an aria-label to provide a label to the "notification" icon.

[Compliant Code Example]
`
`
![image](https://user-images.githubusercontent.com/34460455/100175635-a47a3d00-2e83-11eb-85aa-9b7acf4ce4f5.png)

Contributor guide

Open the contributing guide

Research direction

Locate the notification button using the esri-header-notifications-control class or esri-header-notifications-control id in the source. Add a valid accessible label as described in the issue, then verify that assistive technologies expose the button as Notification and that the existing notification menu behavior remains intact.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.