nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Accessibility Issues: Elements must only use permitted ARIA attributes

sigccil

HI!

We're currently in the process of updating our applications to meet WCAG accessibility standards and are reviewing all of them as part of this effort. You may have seen my other post. Per our ESRI solution engineer has recommended that we post all issues in the community forum in addition to opening tickets. We're trying to collaborate and raise awareness of the issues we're seeing in our applications. We want to highlight ones that can be easily resolved by users and which ones fall under ESRI's purview.

Issue:

This is a unique one in that there is an aria label inside of the div but because the div does not have a role assigned to it screen readers and other assist tools will ignore it all together. Since this div is created from the map I do think this falls under ERSI purview to fix. Has anyone else seen this issue and been able to fix it?

Steps to reproduce in app:

https://maps.cookcountyil.gov/recyclingviewer/

https://maps.cookcountyil.gov/sectionmonuments/

open up application
In the upper right search bar type in a local munipality.
1. You can type or "Chicago" or "Park Ridge"
Run axeDev tools.

Find more posts tagged with

Accepted answers

khutchins

Instant apps uses the components in the ArcGIS Maps SDK for JavaScript so yes it may have been resolved by a fix in the component.

All comments

khutchins

Instant apps uses the components in the ArcGIS Maps SDK for JavaScript so yes it may have been resolved by a fix in the component.

sigccil

3 Weeks ago on 2/25/2026.

To be clear, some fix in the ArcGIS Maps SDK for JavaScript release may have fixed one of the components in the instant app?

khutchins

There was a release of the ArcGIS Maps SDK for JavaScript in February that may have resolved this issue.

https://developers.arcgis.com/javascript/latest/

Do you know when you found the problem originally? If it was before Feb then perhaps it was addressed in the latest update.

sigccil

hi @KellyHutchins,
I just retested this on three separate browsers; Chrome, Edge, & FireFox, and I too am unable to reproduce the error. After inspecting the code it looks like role has been updated in the div tag, see below. Is there a way for you verify if an internal team fixed this issue?

<div tabindex="0" role="figure" aria-label="Recycling Rate Trend" style="position: absolute; pointer-events: none; top: -2px; left: -2px; width: 348px; height: 159px;"></div>

khutchins

I'm trying to repro this with Axe dev tools but so far no luck. I'm assuming it comes from the popup chart header but if I inspect that element I don't see an aria-label set.

Screenshot 2026-03-17 at 11.17.30 AM.png

ScottM

https://maps.cookcountyil.gov/recyclingviewer

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.