Accessible Datepicker

Ein Datum braucht mehr als 42 klickbare Zahlen.

Testen Sie Datumsformat, Raster-Tastatur, Monatsansage und Fokus-Rückgabe in einem ausführbaren Komponentenvertrag.

01 / Komponentenlabor

Datum wählen, Raster bedienen, Vertrag brechen.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.

Komponentenlabor

Reisetag wählen

Vertrag erfüllt

Datum

Format: TT.MM.JJJJ

Pfeile: Tag · Pos1/Ende: Woche · Bild: Monat · Esc: schließen

Vertrag prüfen

Format beschriebenMonat angesagtFokus zurückgegeben

Kein Vertragsbruch im Muster.

<input id="date" aria-describedby="date-format">
<div role="dialog" aria-labelledby="month">
  <h3 id="month" aria-live="polite">Juli 2026</h3>
  <table role="grid">…</table>
</div>

02 / Der Unterschied

Ein Kalender ist der Anfang, nicht die Buchungsstrecke.

Datepicker brechen an denselben Stellen
Raster ohne Tastaturpfad, Monatswechsel ohne Ansage, Fokus, der nach der Auswahl ins Leere fällt. Buchungs- und Formularstrecken spüren das zuerst – an abgebrochenen Eingaben.
Was der Check auf Ihrer Seite findet
Der Website-Check findet automatisch erkennbare Barrieren: Eingaben ohne zugeordnetes Label oder Format, unbeschriftete Schaltflächen, fehlende Fokusmarkierungen und zu geringe Kontraste.
Fundstellen statt Bauchgefühl
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos, ohne Installation, bereit für die direkte Behebung.

03 / Auf Ihrer Website

Jetzt die eigenen Datepicker prüfen.

Das Labor prüft einen Komponentenvertrag. Der Website-Check prüft Ihre Seiten auf automatisch erkennbare Barrieren.

1URL
2Auswahl
3Prüfung
4Ergebnis

Mo	Di	Mi	Do	Fr	Sa	So

Datepicker brechen an denselben Stellen

Was der Check auf Ihrer Seite findet

Fundstellen statt Bauchgefühl