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 und <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: Wenn HTML Bedeutung und Verhalten bereits mitbringt, nutzen Sie HTML. ARIA benennt eine Rolle – es implementiert weder Fokus noch Tastatur.