Konformitätsbericht zur Barrierefreiheit
VPAT 2.5, Konformität in Selbstauskunft nach WCAG 2.1 Stufe A + AA, den Revised Section 508 Standards und EN 301 549 V3.2.1.
Umfang
- Date
- Date Time
- Booking
- Kalenderansicht
- Zeitachse
- Wochenansicht
- Auslastungsansicht
- Agenda-Ansicht
- Einrichtungsassistent
Dieser Bericht umfasst die MultiDatePick-Komponenten selbst: die Komponenten Date, Date Time und Booking, die fünf Kalenderansichten der Komponente Booking und den Einrichtungsassistenten. Die umgebende Salesforce-Plattform (Lightning-Oberfläche, Navigationsleiste, Datensatzkopf, Themenlisten, App Launcher) liegt in der Verantwortung von Salesforce und fällt unter das eigene VPAT von Salesforce, verfügbar unter salesforce.com/company/legal/accessibility.
Sie beschaffen für eine Behörde? Lesen Sie unseren Leitfaden zu Section 508 für den öffentlichen Sektor.
Scan-Ergebnisse
axe-core 4.11, Regeln für WCAG 2.1 A und AA, ausgeführt am 21. Oktober 2026 gegen das verwaltete Paket 0.12.0-4 und den nicht paketierten Quellcode, und erneut am 26. Oktober 2026 gegen den nicht paketierten Quellcode mit den Neuerungen aus 0.13.0. Alle drei Läufe lieferten dasselbe Ergebnis.
| Oberfläche | Verstöße | Bestandene Regeln |
|---|---|---|
| Komponente Date | 0 | 16 |
| Komponente Date Time | 0 | 17 |
| Komponente Booking | 0 | 17 |
| Kalenderansicht | 0 | 18 |
| Zeitachse | 0 | 17 |
| Wochenansicht | 0 | 17 |
| Auslastungsansicht | 0 | 17 |
| Agenda-Ansicht | 0 | 16 |
axe markiert auf jeder Oberfläche zwei Prüfungen zur manuellen Kontrolle. Es kann ARIA-Id-Verweise innerhalb des Shadow DOM von Lightning nicht verfolgen; das Code-Review bestätigt, dass jede referenzierte Id in derselben Komponente existiert. Außerdem liefert es innerhalb der Komponente kein automatisches Kontrastergebnis; der Kontrast wird unten unter 1.4.3 behandelt.
Begriffe
Die Konformitätsstufen in diesem Bericht verwenden folgende Begriffe (gemäß der Vorlage ITI VPAT 2.5):
- Supports (unterstützt): Die Funktionalität des Produkts bietet mindestens eine Methode, die das Kriterium ohne bekannte Mängel oder durch gleichwertige Unterstützung erfüllt.
- Partially Supports (teilweise unterstützt): Ein Teil der Funktionalität des Produkts erfüllt das Kriterium nicht.
- Does Not Support (nicht unterstützt): Der Großteil der Funktionalität des Produkts erfüllt das Kriterium nicht.
- Not Applicable (nicht anwendbar): Das Kriterium ist für das Produkt nicht relevant.
WCAG 2.1 Stufe A
| Kriterium | Konformität | Anmerkungen |
|---|---|---|
| 1.1.1 Nicht-Text-Inhalt | Supports | Alle interaktiven Schaltflächen, die nur aus einem Symbol bestehen (Zurück/Weiter im Kalender, Tageszellen, Zeitfenster, Status-Kennzeichnungen), haben über aria-label oder title einen zugänglichen Namen. Tageszellen enthalten das vollständige Datum und den Zustand im zugänglichen Namen (z. B. "Mittwoch, 1. April 2026, ausgewählt, heute"). |
| 1.2.1 Reine Audio- und Videoinhalte | Not Applicable | Keine Audio- oder Videomedien. |
| 1.2.2 Untertitel (aufgezeichnet) | Not Applicable | Keine synchronisierten Medien. |
| 1.2.3 Audiodeskription oder Medienalternative | Not Applicable | Keine Videomedien. |
| 1.3.1 Info und Beziehungen | Supports | Das Kalender-Markup nutzt ein semantisches ARIA-Raster: role="grid" → role="row" → role="gridcell" + role="columnheader". Formularbeschriftungen sind über lightning-input / lightning-textarea programmatisch verknüpft. Gruppen von Status-Kennzeichnungen verwenden role="group". |
| 1.3.2 Bedeutungstragende Reihenfolge | Supports | Die DOM-Reihenfolge entspricht der visuellen Lesereihenfolge. Die Schritte des Assistenten erscheinen in nummerierter Reihenfolge, Kalenderwochen von oben nach unten, Zeitfenster in zeitlicher Reihenfolge. |
| 1.3.3 Sensorische Eigenschaften | Supports | Anweisungen beruhen nie allein auf Farbe, Form oder Position. Statusfarben sind in der Zeile der Status-Kennzeichnungen mit Textbeschriftungen kombiniert. |
| 1.4.1 Benutzung von Farbe | Supports | Ausgewählte Tage zeigen eine farbige Füllung UND einen kräftigen Rahmen. Zeitfenster mit Konflikt zeigen diagonale Streifen UND ein Status-Badge. |
| 1.4.2 Audio-Steuerelement | Not Applicable | Das Produkt erzeugt keine Audioausgabe. |
| 2.1.1 Tastatur | Supports | Alle interaktiven Elemente sind per Tastatur erreichbar. Pfeiltasten bewegen sich im Tagesraster; Tab wechselt zwischen Kalender, Status-Kennzeichnungen und Zeitraster; Eingabe / Leertaste aktiviert die fokussierte Zelle; Escape schließt Dialoge. Die Pfeile für Monat und Jahr sind native Schaltflächen in der Tab-Reihenfolge (0.13.0). In den fünf Ansichten sind der Ansichtsumschalter, jeder Buchungsbalken, jeder Block, jede Heatmap-Zelle und jede Agenda-Zeile eine native Schaltfläche mit zugänglichem Namen. |
| 2.1.2 Keine Tastaturfalle | Supports | Der Fokus kann jede Komponente per Tab oder Escape verlassen. Dialogartige Bildschirme (Import/Export, Konfiguration speichern) lassen sich mit Escape schließen. |
| 2.1.4 Tastaturkurzbefehle | Supports | Keine Einzelzeichen-Kurzbefehle, die mit Hilfstechnologien kollidieren könnten. Pfeiltasten, Eingabe und Escape wirken nur im fokussierten Kalenderraster. |
| 2.2.1 Zeiteinteilung anpassbar | Not Applicable | Für die Bedienung gelten keine Zeitlimits. Die Abfrage des CMT-Deployments zeigt den Fortschritt ohne Zeitlimit für den Benutzer. |
| 2.2.2 Pausieren, beenden, ausblenden | Not Applicable | Keine bewegten, blinkenden, scrollenden oder sich automatisch aktualisierenden Inhalte. Hover-Popovers erscheinen bei Bedarf und verschwinden, wenn der Zeiger sie verlässt. |
| 2.3.1 Grenzwert von dreimaligem Blitzen oder weniger | Supports | Keine blitzenden Inhalte. Die Ladeanzeige während des Deployments dreht sich langsam, unterhalb des Blitz-Grenzwerts. |
| 2.4.1 Blöcke umgehen | Supports | Das Produkt ist eine Komponente, keine vollständige Seite; das Umgehen von Blöcken übernehmen die Links zum Überspringen der Navigation von Salesforce. |
| 2.4.2 Seite mit Titel | Not Applicable | Seitentitel werden von der Salesforce-Plattform gesetzt, nicht von der Komponente. |
| 2.4.3 Fokus-Reihenfolge | Supports | Die Tab-Reihenfolge folgt der logischen DOM-Reihenfolge: Überschrift → Kalenderraster → Status-Kennzeichnungen (falls angezeigt) → Zeitraster (falls angezeigt) → Schaltflächen in der Fußzeile. |
| 2.4.4 Linkzweck (im Kontext) | Supports | Links im Assistenten ("Zuerst die geführte Tour starten", "Komponenten-Vertiefungen: Dates · DateTime · Booking") haben aussagekräftige Texte. Der Link "Datensatz anzeigen" im Hover-Popover ist aus dem Kontext klar. |
| 3.1.1 Sprache der Seite | Supports | Beachtet das Salesforce-Gebietsschema des Benutzers. Integrierte Übersetzungen für 9 Sprachen: Englisch, Spanisch, Französisch, Deutsch, Italienisch, Japanisch, Hindi, Portugiesisch (Brasilien), Chinesisch (vereinfacht). |
| 3.2.1 Bei Fokus | Supports | Das Fokussieren einer Tageszelle, Status-Kennzeichnung oder eines Zeitfensters löst keinen Kontextwechsel aus. Eine Auswahl erfolgt nur durch ausdrücklichen Klick, Eingabe oder Leertaste. |
| 3.2.2 Bei Eingabe | Supports | Das Ändern eines Formularfelds sendet nichts automatisch ab. Abgesendet wird nur über ausdrückliche Schaltflächen wie "Weiter", "Speichern" oder "Buchen". |
| 3.3.1 Fehlererkennung | Supports | Formularfehler (ungültiges Datum, Konflikt, Feldsicherheit) erscheinen in Toast-Benachrichtigungen und als Fehlertext direkt am Feld mit role="alert", damit Screenreader sie ansagen. Fehler nennen das betroffene Feld, Objekt oder die Regel: Eine Validierungsregel zeigt ihre eigene Meldung, und eine fehlende Berechtigung wird beim Namen genannt. |
| 3.3.2 Beschriftungen oder Anweisungen | Supports | Jedes Formularfeld hat eine programmatisch verknüpfte Beschriftung. Mehrstufige Aktionen werden von Hinweistexten begleitet. |
| 4.1.1 Syntaxanalyse | Supports | Das HTML-Markup ist wohlgeformt und wird beim Build vom LWC-Compiler validiert. (In WCAG 2.2 entfallen.) |
| 4.1.2 Name, Rolle, Wert | Supports | Alle interaktiven Elemente stellen zugänglichen Namen, Rolle und Wert bereit. Der Kalender nutzt das ARIA-Rastermuster mit aria-selected an den Zellen. Formulareingaben verwenden die semantischen Komponenten lightning-input / lightning-textarea / lightning-combobox. Der Ansichtsumschalter ist eine beschriftete Schaltflächengruppe mit aria-pressed an der aktiven Ansicht, und seine Ansichtsnamen und Beschriftung folgen der Sprache des Benutzers. Jeder Pfeil für Monat und Jahr ist eine Schaltfläche, die nach ihrer Aktion benannt ist ("Vorheriger Monat", "Nächster Monat"). Ein Kalendertag, der nicht wählbar ist, wird als nicht verfügbar angesagt und trägt aria-disabled. Das Element Zum Kalender hinzufügen ist ein echter Download-Link mit sichtbarem Namen. axe-core findet null Verstöße auf allen acht Oberflächen (siehe Scan-Ergebnisse). |
WCAG 2.1 Stufe AA
| Kriterium | Konformität | Anmerkungen |
|---|---|---|
| 1.2.4 Untertitel (live) | Not Applicable | Keine Live-Medien. |
| 1.2.5 Audiodeskription (aufgezeichnet) | Not Applicable | Keine Videomedien. |
| 1.3.4 Ausrichtung | Supports | Das CSS-Layout des Produkts passt sich Hoch- und Querformat an. Keine Sperre der Ausrichtung. |
| 1.3.5 Bestimmung des Eingabezwecks | Supports | Formularfelder sind über Attribute von lightning-input definierten Eingabezwecken zugeordnet. Datumsfelder verwenden type="date", Zeitfelder type="time". |
| 1.4.3 Kontrast (Minimum) | Partially Supports | Die Standardfarben erreichen einen Kontrast von 4,5:1 zum Hintergrund. Statusfarben wählt der Admin. Eine blasse Füllung auf weißem Hintergrund kann unter 4,5:1 fallen, und das Produkt kann diese Wahl nicht verhindern. Verwenden Sie die SLDS-Farbpalette, um konform zu bleiben. Der automatisierte Scan liefert innerhalb der Komponente kein Kontrastergebnis, diese Bewertung beruht daher auf der Prüfung der Standardpalette. |
| 1.4.4 Textgröße ändern | Supports | Text lässt sich per Browser-Zoom auf bis zu 200 % vergrößern, ohne dass Inhalt oder Funktion verloren gehen. |
| 1.4.5 Bilder eines Textes | Supports | Sämtlicher Text wird als echter Text dargestellt. Die Oberfläche verwendet keine Bilder von Text. |
| 1.4.10 Umbruch (Reflow) | Partially Supports | Kalenderraster und Zeitraster brechen an gängigen Breakpoints um. Bei 320 CSS-Pixeln Breite behält das Tagesraster seine 7 Spalten (die Zellen werden proportional schmaler, statt untereinander zu rutschen). Die Pfadauswahl des Assistenten mit zwei Karten stapelt sich unter 640px senkrecht. Zeitachse, Woche und Auslastung sind zweidimensionale Raster; in einem schmalen Container scrollen sie waagerecht innerhalb eines per Tastatur fokussierbaren Bereichs. Die Agenda ist einspaltig und bricht um. |
| 1.4.11 Nicht-Text-Kontrast | Supports | Zustände interaktiver Komponenten (Fokusring, Hover, ausgewählt) verwenden Rahmen- oder Füllfarben mit mindestens 3:1 Kontrast zu angrenzenden Farben. |
| 1.4.12 Textabstand | Supports | Vom Benutzer angepasste Textabstände führen zu keinem Inhaltsverlust. Textcontainer haben keine festen Höhen, die Inhalte abschneiden würden. |
| 1.4.13 Inhalt bei Hover oder Fokus | Supports | Das Hover-Popover einer Buchung lässt sich schließen (Zeiger verlassen, Escape), mit dem Zeiger erreichen und bleibt bestehen (schließt sich nicht selbst, solange es fokussiert ist). |
| 2.4.5 Verschiedene Methoden | Not Applicable | Das Produkt ist eine Komponente, keine Website mit mehreren Seiten. |
| 2.4.6 Überschriften und Beschriftungen | Supports | Die Schrittbezeichnungen des Einrichtungsassistenten sind aussagekräftig ("Name & Typ", "Objekt & Felder", "Status & Anzeige", "Überprüfen & Speichern"). |
| 2.4.7 Fokus sichtbar | Supports | Alle interaktiven Elemente zeigen einen sichtbaren Fokusindikator (blauer Ring an Zellen, orange Umrandung an ausgewählten Tagen, SLDS-Fokuszustände an Schaltflächen). |
| 2.5.1 Zeigergesten | Supports | Auswahl per Ziehen und das Ziehen einer Buchung in Zeitachse oder Woche sind Komfortfunktionen; ein Klick und das Bearbeitungsformular des Datensatzes sind immer gleichwertige Alternativen. Keine pfadbasierten oder Mehrpunkt-Gesten erforderlich. |
| 2.5.2 Zeigerabbruch | Supports | Die Auswahl wird beim Loslassen abgeschlossen, nicht beim Drücken. Der Zeiger kann vor dem Loslassen vom Element weggezogen werden, um abzubrechen. |
| 2.5.3 Beschriftung im Namen | Supports | Sichtbare Schaltflächenbeschriftungen stimmen mit ihren zugänglichen Namen überein ("Termine speichern", "Buchen", "Buchungen bearbeiten"). |
| 2.5.4 Betätigung durch Bewegung | Not Applicable | Das Produkt reagiert nicht auf Gerätebewegungen. |
| 3.1.2 Sprache von Teilen | Supports | Übersetzte Beschriftungen folgen dem Salesforce-Gebietsschema des Benutzers. Keine gemischtsprachigen Inhalte innerhalb eines Bildschirms. |
| 3.2.3 Konsistente Navigation | Supports | Die Schrittnavigation des Assistenten (Weiter / Zurück) ist über alle Pfade gleich. Die Schaltflächenzeile in der Fußzeile ist in allen Komponenten gleich. |
| 3.2.4 Konsistente Erkennung | Supports | Zurück-/Weiter-Pfeile im Kalender, Farben der Status-Kennzeichnungen, Kapazitäts-Badges und Zeitfenster-Symbole sind in allen Komponenten einheitlich. |
| 3.3.3 Fehlervorschlag | Supports | Validierungsfehler sagen, was zu korrigieren ist. Ein fehlerhafter Konfigurationsimport meldet zum Beispiel "Ungültiges JSON. Bitte überprüfen Sie das Format und versuchen Sie es erneut." Ein Speichern innerhalb der Mindestvorlaufzeit des Buchungszeitraums nennt die betroffenen Tage und fordert auf, sie zu entfernen oder eine spätere Zeit zu wählen. |
| 3.3.4 Fehlervermeidung (rechtlich, finanziell, Daten) | Supports | Destruktive Aktionen (Buchung löschen) verwenden eine Bestätigung mit zwei Klicks. Speichern fügt standardmäßig nur hinzu. Entfernte Tage werden nie ohne ausdrückliches Löschen im Bearbeitungsmodus gelöscht. |
| 4.1.3 Statusmeldungen | Supports | Statusmeldungen verwenden role="alert", role="status" oder das ShowToastEvent von Salesforce und werden von Screenreadern ohne Fokuswechsel angesagt. Das Angebot Zum Kalender hinzufügen nach dem Speichern und der Lizenzhinweis sind Bereiche mit role="status". |
Revised Section 508
Section 508 verweist für Software auf WCAG 2.0 Stufe A und AA. Die Kriterien von WCAG 2.0 sind eine Teilmenge der oben berichteten Kriterien von WCAG 2.1; die einzelnen anwendbaren Kriterien finden Sie in den WCAG-Tabellen.
Kapitel 3: Funktionale Leistungskriterien
| Kriterium | Konformität | Anmerkungen |
|---|---|---|
| 302.1 Ohne Sehvermögen | Supports | Mit einem Screenreader vollständig nutzbar. ARIA-Rollen und -Beschriftungen sagen Kalenderstruktur, Status und Interaktionszustand an. |
| 302.2 Mit eingeschränktem Sehvermögen | Supports | Unterstützt Browser-Zoom bis 200 % (WCAG 1.4.4) und vom Benutzer angepasste Textabstände (1.4.12). |
| 302.3 Ohne Farbwahrnehmung | Supports | Farbe ist nie das einzige Merkmal eines Zustands. Ausgewählte Tage haben einen kräftigen Rahmen, Konflikte diagonale Streifen, Status-Kennzeichnungen Textbeschriftungen. |
| 302.4 Ohne Hörvermögen | Not Applicable | Das Produkt erzeugt keine Audioausgabe. |
| 302.5 Mit eingeschränktem Hörvermögen | Not Applicable | Das Produkt erzeugt keine Audioausgabe. |
| 302.6 Ohne Sprechfähigkeit | Not Applicable | Das Produkt erfordert keine Spracheingabe. |
| 302.7 Mit eingeschränkter Feinmotorik | Supports | Vollständig nutzbar mit einem einzelnen Zeiger oder nur mit der Tastatur. Keine Mehrfinger-Gesten erforderlich. |
| 302.8 Mit eingeschränkter Reichweite und Kraft | Supports | Klickziele im Tagesraster erfüllen das Minimum von 24×24 CSS-Pixeln. Zeitfenster im dichten Kapazitätsmodus sind kleiner, eine Dichte-Einstellung, die der Admin wählt. |
| 302.9 Mit eingeschränkten sprachlichen, kognitiven und Lernfähigkeiten | Supports | Der Einrichtungsassistent bietet einen geführten Pfad "Schritt für Schritt führen" mit Hilfetexten. Tooltips erklären erweiterte Eigenschaften. Fehlermeldungen vermeiden Fachjargon. |
Kapitel 5: Software
| Kriterium | Konformität | Anmerkungen |
|---|---|---|
| 502.2.1 Benutzersteuerung von Barrierefreiheitsfunktionen | Not Applicable | Das Produkt setzt Barrierefreiheitsfunktionen der Plattform nicht außer Kraft. |
| 502.2.2 Keine Störung von Barrierefreiheitsfunktionen | Supports | Beeinträchtigt die Barrierefreiheitsfunktionen der Salesforce-Plattform nicht. |
| 502.3 Barrierefreiheitsdienste | Supports | Bereitgestellt über Standard-Semantik von ARIA und HTML. Keine proprietäre Barrierefreiheits-API. |
| 502.4 Barrierefreiheitsfunktionen der Plattform | Supports | Beachtet die Barrierefreiheitsfunktionen von Browser und Betriebssystem (Zoom, Modus für hohen Kontrast, reduzierte Bewegung). |
Kapitel 6: Supportdokumentation und -dienste
| Kriterium | Konformität | Anmerkungen |
|---|---|---|
| 602.2 Barrierefreiheits- und Kompatibilitätsfunktionen | Supports | Dieses VPAT dokumentiert die Barrierefreiheitsfunktionen. Veröffentlicht unter dieser URL. |
| 602.3 Elektronische Supportdokumentation | Supports | Die gesamte Produktdokumentation ist als barrierefreies HTML auf multidatepick.com veröffentlicht. |
| 602.4 Alternative Formate für nicht elektronische Dokumentation | Not Applicable | Die gesamte Supportdokumentation ist elektronisch. |
| 603.2 Informationen zu Barrierefreiheit und Kompatibilität | Supports | Der E-Mail-Support beantwortet Fragen zur Barrierefreiheit. |
| 603.3 Vorkehrungen für die Kommunikation | Supports | Support per E-Mail steht allen zur Verfügung, die ihn Telefon oder Chat vorziehen. |
EN 301 549 V3.2.1
EN 301 549 verweist in Kapitel 9 (Web) und Kapitel 11 (Software) durchgehend auf WCAG 2.1 Stufe A und AA und ergänzt IKT-spezifische Anforderungen. Die Kriterien außerhalb von WCAG werden unten direkt behandelt; alles Weitere verweist auf die WCAG-Tabellen oben.
| Kriterium | Konformität | Anmerkungen |
|---|---|---|
| 4. Funktionale Leistungsmerkmale | Supports | Entspricht Section 508, Kapitel 3 oben. |
| 5.1 Geschlossene Funktionalität | Not Applicable | Das Produkt ist keine geschlossene Funktionalität. |
| 5.2 Aktivierung von Barrierefreiheitsfunktionen | Supports | Barrierefreiheitsfunktionen (ARIA-Beschriftungen, Tastaturnavigation, Screenreader-Kompatibilität) sind immer aktiv. Der Benutzer muss nichts aktivieren. |
| 9 Web (WCAG 2.1 A + AA) | Partially Supports | Siehe WCAG-Tabellen oben. Teilweise bei 1.4.3 (vom Admin konfigurierbare Farbe) und 1.4.10 (Umbruch bei 320px). |
| 11 Software (WCAG 2.1 A + AA) | Partially Supports | Siehe WCAG-Tabellen oben. Teilweise bei 1.4.3 (vom Admin konfigurierbare Farbe) und 1.4.10 (Umbruch bei 320px). |
| 12 Dokumentation und Supportdienste | Supports | Entspricht Section 508, Kapitel 6 oben. |
Für Fragen, Feedback oder Korrekturwünsche zur Barrierefreiheit: support@multidatepick.com.
Barrierefreie Kalender für jedes Team
Demnächst auf der Salesforce AppExchange. $20 pro Benutzer und Monat, alle Funktionen inklusive, 30 Tage kostenlos testen.