Naar de inhoud

Semantische HTML

Semantische HTML gebruikt elementen volgens hun betekenis. Een echte knop heeft eigenschappen die een opgemaakt tekstblok niet vanzelf krijgt.

Design & UX

Elementen voor hun bedoelde taak gebruiken

Semantische HTML beschrijft inhoud en bedieningselementen met passende HTML-elementen. Koppen structureren inhoud, een link leidt naar een bestemming en een knop voert een actie uit. Zo krijgen browsers en ondersteunende technologie informatie over de betekenis van de interface.

Voor het opslaan van een adres in een voorbeeldportaal past een button. Een visueel gelijk div-blok heeft niet automatisch die betekenis of het gebruikelijke toetsenbordgedrag. Een a-element met een geschikte href past bij navigatie naar de adreslijst.

CSS bepaalt de presentatie; tekst groot weergeven maakt er nog geen kop van. Semantische HTML is een belangrijke basis, maar garandeert op zichzelf geen volledig toegankelijke toepassing. Labels, toestanden en het feitelijke gedrag moeten ook kloppen.

Bronnen

Verwante begrippen

Artikelen over dit onderwerp

Insights · Design & UX2 minEen consistent ontwerp kan verschillende indelingen hebbenEen lijst helpt vergelijken; een bevestiging vraagt om de beslissende details. Vertrouwde bedieningselementen kunnen wel gedeeld blijven.Julia Hoffmann13 nov 2026
Insights · Design & UX2 minVertaaldekking bewijst nog geen afgeronde taakVolledige taalbestanden helpen de tekstvoorraad te controleren. Goedkeuring van een meertalige interface vraagt ook om een werkende taak.Anna Neumann13 nov 2026
Insights · Design & UX2 minGebruikerswensen beoordelen op taak en gevolgEen denkbeeldig magazijnvoorbeeld verbindt de frequentie van wensen met gevolgen voor het werk en de gebruiksomstandigheden.Julia Hoffmann13 nov 2026
Insights · Design & UX2 minFormulieren beoordelen met een volledige taakEen fictieve vergelijking toont wat na ontwerpgoedkeuring openblijft: correctie, behouden invoer en bevestigde ontvangst.Julia Hoffmann13 nov 2026
Gidsen · Design & UX2 minHet websitemenu afstemmen op concrete gebruikerstakenKoppel bestaande pagina’s aan de taken van bezoekers. Een uitgewerkt voorbeeld verduidelijkt menuteksten, bestemmingen en de daaropvolgende controle.Julia Hoffmann13 nov 2026
Gidsen · Design & UX2 minEen meertalige interface rond een concrete taak plannenEen portaalvoorbeeld laat zien hoe u lange teksten, lokale getal- en datumnotaties, ontbrekende vertalingen en taalwissels tijdens een taak plant.Julia Hoffmann13 nov 2026
Gidsen · Design & UX2 minEen afleveradresdialoog met het toetsenbord testenEen uitgewerkt voorbeeld behandelt focusvolgorde, annuleren en opslaan in een adresvenster, zodat toetsenbordfouten reproduceerbaar worden.Julia Hoffmann13 nov 2026
Gidsen · Design & UX2 minProjectformulieren met duidelijke velden en foutmeldingen plannenEen formulierontwerp verduidelijkt verplichte gegevens, veldteksten en concrete fouten. Ingevoerde informatie blijft bij correctie behouden.Julia Hoffmann13 nov 2026

Design & UX met ASES

Gebruikerservaring, interfaces en merkuitstraling

Offerte aanvragenMeer over Design & UX