Barrierefreiheit.

Umgesetzt

• Sprache der Seite ist als Deutsch (lang="de") ausgezeichnet
• Skip-to-Content-Link für Tastaturnavigation vorhanden
• Alle interaktiven Elemente per Tastatur erreichbar (Tab-Reihenfolge logisch)
• Sichtbare Fokus-Indikatoren auf allen Schaltflächen und Links
• Formularfelder korrekt mit <label> und id verknüpft
• Hamburger-Menü mit aria-expanded und aria-controls ausgezeichnet
• Mobile Menü als role="dialog" mit aria-modal und aria-label
• Aktive Navigationslinks mit aria-current="page"
• Dekorative Elemente mit aria-hidden="true" versteckt
• Mindestgröße für Tap-Targets: 44×44 px
• Screenreader-only Texte für Icon-only-Buttons
• Externe Links mit Hinweis "(öffnet in neuem Tab)"
• Statusmeldungen mit aria-live ausgezeichnet
• Semantisches HTML (nav, main, header, footer, section, article, dl)
• Überschriftenhierarchie h1–h3 eingehalten
• Farbkontrast nach WCAG 2.1 AA: Text mindestens 4,5:1, auch in der Markenfarbe und auf farbigen Knöpfen – automatisch geprüft