Semantisk HTML innebär att använda HTML-element för deras avsedda syfte och betydelse, inte bara för visuell presentation. Istället för att använda generiska div- och span-element för allt, använder semantisk HTML specifika element som header, nav, main, article, section och footer för att strukturera innehåll logiskt. Detta hjälper skärmläsare och andra hjälpmedel att förstå sidans struktur och gör det möjligt för användare att navigera effektivt. Semantisk HTML inkluderar också korrekt användning av rubriknivåer (h1-h6) i hierarkisk ordning, listor för relaterat innehåll och tabeller endast för tabelldata. Fördelarna är många: förbättrad tillgänglighet, bättre SEO eftersom sökmotorer förstår innehållet bättre, enklare CSS och JavaScript-utveckling, och framtidssäker kod. Semantisk HTML är grunden för all god webbtillgänglighet och bör alltid vara första steget innan man lägger till ARIA eller andra tillgänglighetstekniker.
.png)