Semantisches HTML

Bedeutung statt `<div>`.

Semantisches HTML nutzt das Element, das zur Aufgabe passt: <a href> navigiert, <button> führt eine Aktion aus, <nav> bündelt Navigation, <main> markiert den Hauptinhalt. Browser und assistive Technik verstehen diese Bedeutung ohne ARIA-Nachbau.

ARIA-Eigenbau

<div role="button">

Natives HTML

<button type="button">

Grundregel: Bringt ein Element Bedeutung und Verhalten mit, nutzen Sie es. ARIA benennt eine Rolle, implementiert aber weder Fokus noch Tastatur.