ID attribute values must be unique

  • In order to make sure my page is accessible, the ID attribute values must be unique. I tried to find a tutorial to go step by step on how to fix this, but was not able to. So I am here. I am under the belief this is an easy fix?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Yes, IDs in HTML should be unique on the page. Often, the one that isn’t unique is s which is used in the search form, if you have more than one search on the page.

    Thread Starter trendfly

    (@cutenclever)

    Thanks Joy,

    So how do I correct this problem?

    You haven’t said what ID is duplicate.
    Find the duplicate, then find the code that outputs it. If it’s something simple like the search box being in the header and also a widget, then remove the widget. (can’t change the ID)
    Almost everything with an ID generated by core is unique, so the problem is most likely a theme or plugin.
    Once you find the theme or plugin outputting the duplicate, ask in that support forum for how to fix it.

    You can use a validator to find the duplicates. https://www.w3.org/QA/Tools/#validators
    Then you just have to figure out what is outputting that. You can use the Health Check plugin in Troubleshoot mode to isolate core from plugins (for your user only) to see what outputs what.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘ID attribute values must be unique’ is closed to new replies.