Archived topic
ARIA IDs are not unique ()
13 replies · Started by Mfon on May 30, 2020
Hello,
So I got this accessibility error on https://web.dev/measure.
ARIA IDs are not unique
The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies.
Failing Elements
<div class="main-nav">
I am trying to fix it but unable to completely sort it.
The closest I have come is that when I deactivate the Menu Plus Add on, the error disappears. But my mobile speed suffers.
When Menu Plus is activated, error shows up with high priority.
Any idea how to fix this?
Best regards
Hi there,
The sticky navigation causes some duplicate IDs as of right now, as it clones itself to become sticky. We’re working on fixing that in 1.11.0.
Oh thank you.
Is there a temporal fix you can suggest?
Because from my test, sticky navigation, makes the site faster by 8 seconds
The only way to prevent it right now is to disable the sticky navigation option.
Hi,
There is still no fix what i can see. When the Version 1.11 will come?
We're aiming to release GPP 1.11 Alpha within the next 24hrs.
Has this been fixed? I am using the latest version of GP Premium and I receive the "ARIA IDs are not unique" message for this element: div#primary-menu.main-nav
The sticky navigation should no longer contribute to this issue.
Feel free to open a new topic with your URL if you'd like us to take a closer look.
Thanks!
Hi Tom,
the website is not online yet but I just checked it: the 'error' only occurs with sticky navigation enabled. If I turn it off the message disappears.
The sticky navigation clones itself and does cause duplicate IDs, however, cloning only happens on scroll while the sticky navigation is visibile. It doesn't happen when the page is first loaded.
We're working on a new sticky navigation/element system that will completely replace the current one - it won't use the same cloning method.
Ok, thanks for the info!
No problem!
It's now July, several months past the reported issue and lighthouse is returning the following error:
ARIA IDs are not unique
The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies. Learn more.
Failing Elements
div#primary-menu.main-nav
How do I fix this?
Hi Melissa,
Any chance you can open a new topic and include the URL to the page so we can take a closer look at where the duplication is coming from?
