Google Lighthouse performs the flagging of elements that have duplicate IDs
Determinin whether an element is focusable or not: If the user can navigate it using the Tab key, this element is functional. Generally, the list of elements that are focusable for different browsers may vary. However, we will provide you with a general list.
- All of the elements with
- All of the elements with a
tabindexset to a numeric value other than
How to pass the duplicate ID audit?
To pass the duplicate ID audit you need to replace at least one of the elements using the same ID. Check out the example below:
<input type="radio" id="huey" name="newphews" value="Huey" checked> <input type="radio" id="huey" name="newphews" value="Dewey" checked> <input type="radio" id="louie" name="newphews" value="Louie" checked>
Test Your Website Issues
You can quickly analyze your site