Duplicated ARIA ID Number Problem on the Web Page
Google Lighthouse finds and flags duplicated ARIA IDs.
How to pass the audit? – Fixing Duplicate Ids
At least one of the IDs used twice will definitely need to be changed. For example, in the code below, the ID named <h2 id = "tabpanel-label">
is used twice. One has to change.
<div role="tabpanel" aria-labelledby="tabpanel-label"> <h2 id="tabpanel-label"> Tab panel title </h2> <p id="tabpanel-label"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div>
Test Your Website Issues
You can quickly analyze your site