Widgets und Barrierefreiheit
Spätestens durch die Anforderungen aus dem Barrierefreiheitsstärkungsgesetz (BFSG) und dem Behindertengleichstellungsgesetz (BGG) ist die digitale Barrierefreiheit mittlerweile ein wichtiges Ziel bei der Bereitstellungen von Webseiten, Webinhalten und digitalen Angeboten.
doo arbeitet fortwährend daran, die Buchungsoberflächen wie Widgets und die Veranstaltungswebseite barrierefrei zu gestalten. Unsere Widgets sind in der Standardkonfiguration nach der BITV 2.0 von einer geprüften Testerin getestet und werden auch in der Entwicklung laufend auf Barrierefreiheit geprüft. Barrierefreiheit ist jedoch nicht einfach ein Status, den man einmal erreicht und dann innehat, sondern ein fortwährender Prozess. Da unser Buchungsprozess eine hohe Anpassungsfähigkeit und viele Konfigurationsmöglichkeiten mit sich bringt, um die vielen Anwendungsfälle unserer Kunden abzubilden, sind wir bei der Bereitstellung eines möglichst barrierefreien Anmeldeprozesses auf Ihre Achtsamkeit und Mitwirkung angewiesen. Im Folgenden finden Sie ein Sammlung an Tipps und Hinweisen, worauf Sie achten können und sollten, um Ihren Kunden eine barrierefreien Buchungsprozess anbieten zu können.
Sollten Sie auf einen Fall stoßen, bei dem Sie der Meinung sind, dass unsere Oberflächen bezüglich der Barrierefreiheit verbessert werden können, freuen wir uns über Ihr Feedback an unser Kundensupportteam.
Überschriften
Eine zentrale Anforderung an barrierefreie Webseiten ist eine konsistente und formal korrekte Auszeichnung der Überschriften. Hilftechnologien wie Screenreader erlauben Nutzenden, für die gesuchten Inhalte zwischen Überschriften zu navigieren, da ohne visuelle Wahrnehmung ein Durchscrollen oder Überfliegen von Inhalten nicht möglich ist. Technisch werden Überschriften als H1, H2, H3 usw. gekennzeichnet, wobei die Zahl die Überschriftsebene festlegt (vergleichbar mit den Formatvorlagen in Word). Deswegen ist es wichtig, dass Überschriften korrekt ausgezeichnet werden:
- Jede Seite hat zumindest einen Titel als H1-Überschrift.
- Es werden keine Überschriftsebenen ausgelassen. Nach H1 folgt also H2, nicht H3.
- Inhalte, die als Überschrift fungieren, müssen auch als solches formatiert werden.
- Inhalte, die nicht als Überschrift fungieren, dürfen nicht als solche formatiert werden. Das heißt, aus Sicht der Barrierefreiheit darf zum Beispiel nicht ein Absatz als Überschrift formatiert, um ein spezielles Aussehen wie größerer Text oder andere Hervorhebung zu erreichen. Nur wenn ein Inhalt logisch eine Überschrift ist, sollte er entsprechend gekennzeichnet werden. Als Probe können Sie folgenden Test machen: Wenn Sie ein Inhaltsverzeichnis der Seite erstellen würden, würde der Text als ein Punkt dort auftauchen? Dann sollte er als Überschrift formatiert werden.
- Beim Kalender- und Tabellenwidget sowie dem Buchungswidget mit Veranstaltungsinformationen ist die erste Überschriftenebene H2. Ab besten wird das Widget auf einer Seite nach einer H1 eingebettet.
- Beim Buchungswidget ohne Veranstaltungsinformationen ist die erste Überschriftenebene H3. Am besteh wird das Widget auf einer Seite nach H2 eingebettet.
Farben und Kontaste
Damit Inhalte klar vom Hintergrund unterscheidbar sind, sollte bei der Auswahl von Farben immer der Kontrast zum Hintergrund oder den Farben von angrenzenden Inhalten geachtet werden. Grundsätzlich gilt für Texte ein Kontrastminimum von 4,5:1 (bei großen Texten und nicht-textlichen visuellen Darstellungen 3:1). Zur Kontrastermittlung gibt es diverse Werkzeuge im Internet.
Wenn Sie die Highlight-Farbe im Widget ändern, sollten Sie das Kontrastverhältnis entsprechen berücksichtigen. Da das Widget einen weißen Hintegrund hat, sind dunkle Farben vorzuziehen. Bedenken Sie dies auch, wenn Sie in der Veranstaltungsbeschreibung Texte farbig hervorheben.
Bilder
Bilder sind für Menschen ohne oder mit eingeschränkter Sicht nicht zugänglich. Deswegen ist es wichtig, dass bildliche Inhalte mithilfe einer Textalternative (alt_text) versehen werden, die den Inhalt des Bilds zusammenfasst. Wenn Bilder Text enthalten, sollte dieser entweder in der Textalternative enthalten sein oder auf andere Art inhaltlich auf der Seite wiedergegeben werden.
Für die Bilder, die Sie in der Veranstaltungsbeschreibung einfügen, können Sie diesen Text beim Einfügen im Editor hinterlegen. Für das Coverbild im Buchungswidget mit Veranstaltungsinformationen ist ein allgemeiner Text standardmäßig hinterlegt. Sie können diese für alle Veranstaltungen bei Bedarf über die Übersetzungsdatei anpassen (siehe Artikel Standardbezeichnungen und Texte im doo Buchungsprozesses anpassen). Sollten Sie Text im Coverbild haben, empfehlen wir, die Inhalte in der Veranstaltungsbeschreibung zu wiederholen, sofern dies nicht ohnehin über die Standardinformationen abgedeckt ist.