Id's komen dubbel voor: zo los je dubbele id's op
Een id is een unieke naam voor een element in je HTML. Labels, ankerlinks, scripts en schermlezers gebruiken die naam om precies dat ene element te vinden. Komt een id twee keer voor, dan weet niemand meer welke bedoeld wordt.
In het kud-rapport Id's komen dubbel voor
Waarom het uitmaakt
Een label kan aan het verkeerde veld gekoppeld raken, een ankerlink springt naar de verkeerde plek en scripts doen het niet zoals bedoeld.
Schermlezers lezen soms de verkeerde naam voor bij een veld of knop, omdat ze een verwijzing naar het eerste element met dat id volgen.
Zo los je het op
- Zoek de dubbele id's op, bijvoorbeeld met de HTML-validator van W3C of de Elements-tab in DevTools.
- Geef elk element een unieke id-naam.
- Let op herhaalde onderdelen: een formulier dat twee keer op de pagina staat, of een menu dat er voor mobiel en desktop apart in zit.
- Gebruik voor opmaak liever een
class; die mag wel vaker voorkomen.
Op jouw platform
- WordPress
- Vaak veroorzaakt door widgets of formulieren die twee keer op de pagina staan, bijvoorbeeld in de header en de footer. Paginabouwers kopiëren soms ook id's mee bij het dupliceren van blokken.
Veelgestelde vragen
Gaat mijn site hier kapot van?
Meestal merk je er weinig van, tot net dat ene formulier of die ene link raar doet. Het is een kleine opruimklus die bugs voorkomt.
Wat is het verschil tussen id en class?
Een id is uniek per pagina, een class mag je zo vaak gebruiken als je wilt. Gebruik class voor opmaak.