Synonyme: Datepicker, Calendar-Date-Picker, Kalender, Kalenderelement, Kalendersteuerelement, Uhrzeitwähler, Timepicker, Uhr, Datums- und Uhrzeitwähler, Date-Time-Picker
Siehe auch: Kombiniertes Eingabefeld, Farbwähler
Hinweis: Alle folgenden Ausführungen gelten analog für den Uhrzeitwähler oder für Bedienelemente für die Auswahl von Wochen, Monaten oder Jahren.
Ein Datumswähler dient der unterstützten Eingabe eines Datums (siehe DIN EN ISO 9241-161: 8.9 und 8.46).
Datumswähler können unterschiedlich umgesetzt werden, z. B. als
- Eingabefeld für ein Datum kombiniert mit einem Schalter, über den sich ein Dialog zur Auswahl eines Datums öffnen lässt,
- schreibgeschütztes Eingabefeld für ein Datum kombiniert mit einem Schalter, über den sich ein Dialog zur Auswahl eines Datums öffnen lässt,
- kombiniertes Eingabefeld für ein Datum, über das sich ein Dialog zur Auswahl eines Datums öffnen lässt,
- Tabelle zur Auswahl eines Datums innerhalb eines bestimmten Zeitraums und Schalter, um den Zeitraum zu wechseln,
- getrennte Eingabefelder zur Eingabe von Tag, Monat und Jahr, kombiniert mit einem Schalter, über den sich ein Dialog zur Auswahl eines Datums öffnen lässt,
- getrennte Drehfelder zur Eingabe und Auswahl von Tag, Monat und Jahr,
- getrennte Auswahllisten zur Auswahl von Tag, Monat und Jahr,
- getrennte Ausklapplisten zur Auswahl von Tag, Monat und Jahr.
Der Dialog zur Auswahl eines Datums kann folgende Elemente enthalten:
- Tabellen, Schalter, Radiobuttons, Drehfelder, Auswahllisten oder Ausklapplisten zur Auswahl eines Datums innerhalb eines bestimmten Zeitraums (z. B. Tage innerhalb eines Monats, Monate innerhalb eines Jahres, Jahre innerhalb eines Jahrzehnts),
- Schalter zur Auswahl eines anderen Zeitraums,
- visuelle Markierungen der Tage und Zeiträume (z. B. „heute“, „gewählter Tag“, „Urlaubstag“, „Feiertag“, „Wochenende“, „Tag mit freien Terminen“).
Die Anforderungen an die einzelnen Bedienelemente innerhalb des Datumswählers werden beim jeweiligen Bedienelement beschrieben. Hier werden nur zusätzliche Anforderungen für das gesamte Element beschrieben.
Beispiele:
Darstellung
Permalink "Darstellung"| Nr. | Eigenschaft | Beschreibung | Klassifizierung | Referenz |
|---|---|---|---|---|
| 846 | Kontrast | Die visuellen Markierungen der Tage und Zeiträume müssen untereinander jeweils ein Kontrastverhältnis von mindestens 3:1 aufweisen. Hinweis: Wenn das nicht möglich ist, muss ein weiteres visuelles Mittel zur Unterscheidung verwendet werden. | Muss | EN 301 549: 11.1.4.1 |
| 847 | Beschreibung | Eine Legende oder ein Tooltip soll die Bedeutung der visuellen Markierungen erläutern, sofern sie nicht selbsterklärend sind. Hinweis: Selbsterklärend ist z. B. die visuelle Markierung von Wochenend- und Feiertagen. | Soll | DIN EN ISO 9241-143: 9.6.11 |
Bedienung
Permalink "Bedienung"| Nr. | Eigenschaft | Beschreibung | Klassifizierung | Referenz |
|---|---|---|---|---|
| 848 | Tastaturbedienung | Der Datumswähler und die darin enthaltenen Elemente müssen mit der Tastatur erreicht, bedient und verlassen werden können (siehe folgende Tabelle Tastaturbedienung). | Muss | EN 301 549: 9.2.1.1, 11.2.1.1, 9.2.1.2, 11.2.1.2 |
| 849 | Aktualisierungen | Bei Fokussierung und Bedienung des Datumswählers darf keine unerwartete Kontextänderung erfolgen. | Muss | EN 301 549: 9.3.2.1, 11.3.2.1, 9.3.2.2, 11.3.2.2 |
| 850 | Fehlermeldungen | Ein eingegebenes Datum darf nicht ohne Fehlermeldung, die in Textform zu erfolgen hat, automatisch korrigiert werden. Hinweis: Davon ausgenommen sind Änderungen an der Eingabe, sofern sie nicht das Datum ändern (wie z. B. das automatische Einfügen führender Nullen) | Muss | EN 301 549: 9.3.3.1, 11.3.3.1 |
| 851 | Fokusreihenfolge | Die Fokusreihenfolge im Datumswähler soll der visuellen Darstellung entsprechen. | Soll | DIN EN ISO 9241-171: 9.3.18 |
| 852 | Fokusreihenfolge | Wenn der Datumswähler außerhalb eines Dialogs viele Bedienelemente enthält, die mit TAB den Fokus erhalten, dann soll der Datumswähler mit der Tastatur übersprungen werden können (siehe Navigationsreihenfolge) | Soll | DIN EN ISO 9241-171: 9.3.17 |
| 853 | Klickbereich | Der Klickbereich der Bedienelemente des Datumswählers soll mindestens 24 x 24 px betragen (siehe Zeigeinstrumentbedienung). | Soll | WCAG 2.2 |
Tastaturbedienung Datumswähler
Permalink "Tastaturbedienung Datumswähler"| Aktion | Taste | Klassifizierung |
|---|---|---|
| Fokussieren des Datumswählers | TAB | Erforderlich |
| Verlassen des Datumswählers | TAB Hinweis: Innerhalb des Datumswählers können sich mehrere Bedienelemente befinden, die zuvor mit TAB den Fokus erhalten. | Erforderlich |
| Navigation innerhalb des Datumswähler | TAB oder PFEIL LINKS/RECHTS/AUF/AB (je nach verwendetem Bedienelement) | Erforderlich |
| Schnellnavigation innerhalb der Auswahlelemente für einen Tag, einen Monat oder ein Jahr | POS1, ENDE, BILD AUF/AB | Empfohlen |
| Aktivierung der Bedienelemente im Datumswähler | EINGABE oder LEER (je nach verwendetem Bedienelement) | Erforderlich |
Zeigeinstrumentbedienung Datumswähler
Permalink "Zeigeinstrumentbedienung Datumswähler"| Aktion | Taste | Klassifizierung |
|---|---|---|
| Aktivierung der Bedienelemente im Datumswähler | Linksklick | Erforderlich |
Programmierung/Schnittstellen
Permalink "Programmierung/Schnittstellen"| Nr. | Eigenschaft | Beschreibung | Klassifizierung | Referenz |
|---|---|---|---|---|
| 854 | Rolle | Die Rolle des Datumswählers und seiner Bedienelemente muss an die Accessibility API übermittelt werden (siehe Accessibility API). | Muss | EN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5 |
| 854 | Desktop: Elementhierarchie | Die Eltern-Kind-Beziehungen der Elemente innerhalb des Datumswählers müssen an die Accessibility API übermittelt werden. | Muss | EN 301 549: 11.5.2.9 |
| 855 | Status | Der Status des Datumswählers und seiner Bedienelemente muss an die Accessibility API übermittelt werden (siehe Elementstatus). Hinweis 1: Dies bezieht sich z. B. auf den Status „geöffnet“ oder „geschlossen“ in Bezug auf den Dialog und auf den Status „gewählt“ in Bezug auf das gewählte Datum innerhalb eines der Auswahlelemente. Hinweis 2: Sofern sich der Zweck der visuellen Markierungen (wie z. B. Feiertag, Urlaubstag) nicht als Status übermitteln lässt, soll diese Information als Teil der Beschreibung übermittelt werden. | Muss | EN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5 |
| 856 | Name | Der Datumswähler und seine Bedienelemente müssen einen knappen und aussagekräftigen Accessible Name besitzen. | Muss | EN 301 549: 9.2.4.6, 11.2.4.6, 9.4.1.2, 11.4.1.2, 11.5.2.5, 11.5.2.8 |
| 857 | Name | Sofern der Datumswähler oder seine Bedienelemente eine Beschreibung besitzen, muss diese als Accessible Description übermittelt werden. | Muss | EN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5 |
| 858 | Bedienung | Der Datumswähler und seine Bedienelemente müssen mit Assistenztechnologie erreicht, bedient und verlassen werden können (siehe Accessibility API). | Muss | EN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.12, 11.5.2.17 |
| 859 | Aktualisierung | Aktualisierungen hinsichtlich des Accessible Names oder Status des Datumswählers und seiner Bedienelemente müssen an die Accessibility API übermittelt werden (siehe Accessibility API). | Muss | EN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.15 |
| 860 | Position | Größe und Position des Datumswählers und seiner Bedienelemente müssen an die Accessibility API übermittelt werden (siehe Accessibility API). | Muss | EN 301 549: 11.5.2.5, 11.5.2.15 |
Informationen zu diesem Artikel
Gerne können Sie uns Feedback per E-Mail zu unserer Handreichung senden!