13. Element ID is not unique

1.3.14.1.1

Element ID incorrect example

Description: The ID used for an element on the page is also used for another element on the page

Context: Any properties used to assist in navigation (ID’s, access keys, tab orders, etc) must be unique for readers to navigate through the page properly.

<div id="mobile-menu-search" class="clr wpex-hidden">
   <!--Content-->
</div>
<!--Content-->
<div id="mobile-menu-search" class="clr wpex-hidden">
   <!--Content-->
</div>          

How to fix it: ID’s must be unique.

<div id="mobile-menu-search" class="clr wpex-hidden">
    <!--Content-->
</div>
    <!--Content-->
<div id="mobile-menu-search2" class="clr wpex-hidden">
    <!--Content-->
</div>            

Techniques: F77H93