Select to view content in your preferred language

Accessibility Issues: Elements must only use permitted ARIA attributes

729
6
Jump to solution
02-25-2026 08:39 AM
sigccil
Regular Contributor
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? 


elements_issue.png

Steps to reproduce in app:

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

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

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

Accepted Solutions
KellyHutchins
Esri Notable Contributor

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. 

View solution in original post

6 Replies
ScottM
by
New Contributor
0 Kudos
KellyHutchins
Esri Notable Contributor

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.

0 Kudos
sigccil
Regular Contributor

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>

 

 

 

0 Kudos
KellyHutchins
Esri Notable Contributor

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. 

0 Kudos
sigccil
Regular Contributor

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? 

0 Kudos
KellyHutchins
Esri Notable Contributor

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.