a11y_datetime ist ein zuganglichkeitsorientierter Fork von flatpickr.
Der Schwerpunkt liegt auf besserer Tastaturbedienung, klarerer ARIA-Semantik und modernem Theming.
Highlights
Bessere Screenreader-Unterstuetzung durch ARIA-Verbesserungen
Starkere Keyboard-Navigation im Kalender
Design ueber CSS Variablen flexibel anpassbar
Kompatibel zu flatpickr-typischen Integrationen
English
What is a11y_datetime?
a11y_datetime is an accessibility-focused fork of flatpickr.
It improves keyboard behavior, ARIA semantics, and design customization through CSS variables.
Highlights
Improved screen reader experience with stronger ARIA wiring
More reliable keyboard navigation in date/time interactions
Flexible theming using CSS custom properties
Compatible with common flatpickr-style setups
Quick Demo / Schnelle Demo
Tip: Use Tab, arrow keys, Enter, and Escape to test keyboard accessibility.
Website Demo Playground
Single Date + Time
Custom picker is active to keep keyboard behavior consistent across devices.
Time Only
Custom picker is active so hour and minute fields remain keyboard-accessible.
Week Select
Selects a full week and highlights all days in that week.
Optional Playground
DE: Mobile Fallback
Bei vielen mobilen Browsern nutzt der Picker automatisch native Eingabefelder.
Das ist Absicht: bessere Bedienung, vertraute UI und weniger Fehler auf Touch-Geraeten.
Im Playground kannst du mit "force custom picker" auf die komplette Kalender-UI wechseln.
EN: Mobile fallback
On many mobile browsers, the picker intentionally falls back to native controls.
This improves usability and reliability for touch input.
In the playground, switch to "force custom picker" to always use the full calendar UI.
Ausgabevarianten (Deutsch)
Waehle die Schreibweise und sieh sie direkt im Input-Feld (wie im Playground).
DE Master Picker
Locale: de, 24h-Uhrzeit; Format direkt im Input sichtbar.
Theme Varianten & Akzentfarben
Hier kannst du fertige Themes und individuelle Farben live auf alle Demo-Picker anwenden.
