Zum Hauptinhalt springen
Richtlinie

Barrierefreiheit

Eine lesenswerte Erklärung benennt, was nicht funktioniert. Diese tut das und beschreibt außerdem, welche Standards wir anstreben und wie Sie uns auf Versäumnisse hinweisen können.

  • WCAG 2.2 AA als Ziel
  • Kontrast gemessen, nicht beurteilt
  • Bekannte Lücken aufgeführt

Die Position

Wir entwickeln diese Website gemäß WCAG 2.2, Konformitätsstufe AA und überprüfen das, statt es einfach vorauszusetzen: Der Kontrast wird anhand der Farbe gemessen, auf der jedes Element tatsächlich dargestellt wird, und ein Fehler verhindert den Build. Das ist kein Ziel, das wir ankündigen und einmal jährlich erneut prüfen – es wird bei jeder Veröffentlichung überprüft.

Damit ist keine vollständige Konformität zugesichert. Bekannte Mängel sind unten aufgeführt und werden nicht weggelassen. Wenn etwas auf dieser Website oder in der App für Sie nicht nutzbar ist, schreiben Sie an [email protected] mit dem Betreff Accessibility und schildern Sie, was passiert ist – wir behandeln das als Fehlermeldung, nicht als Feedback.

Gültig seit

Was bereits umgesetzt ist

  • Jede Seite funktioniert ohne JavaScript. Nichts ist standardmäßig verborgen und wird erst durch ein Skript angezeigt. Daher zeigt eine Seite auch bei einem fehlgeschlagenen Skript, einem strengen Inhaltsblocker oder in einem Nur-Text-Client weiterhin ihren Inhalt. Interaktive Elemente erweitern Seiten, die bereits funktionieren.
  • Der Kontrast wird anhand des tatsächlich dargestellten Hintergrunds gemessen, indem für jedes Element der erste opake Vorfahr dahinter ermittelt wird, statt den Kontrast gegen eine angenommene Farbe abzuschätzen. Der Fließtext auf dieser Website hatte einmal ein Verhältnis von 4.49:1 — unter AA und optisch durchaus plausibel — und erst eine Messung hat das Problem aufgedeckt.
  • Ein Link zum Überspringen und sichtbarer Fokus. Jede Seite beginnt mit einem Link zum Überspringen direkt zum Inhalt, und jedes interaktive Element hat eine sichtbare Fokusmarkierung, statt die Umrandung aus Gründen der Ordnung zu entfernen.
  • Semantische Struktur. Eine h1 pro Seite, Überschriften in der richtigen Reihenfolge ohne übersprungene Ebenen, echte Listen, Tabellen mit korrekten Kopfzellen und Beschriftungen sowie Orientierungspunkte, anhand derer ein Screenreader navigieren kann.
  • Bewegungen berücksichtigen die Systemeinstellung. Jede Animation wird unter prefers-reduced-motion deaktiviert, und Inhalte sind sofort sichtbar, statt auf ihr Einblenden zu warten.
  • Text lässt sich vergrößern. Layouts verwenden relative Einheiten und passen sich neu an, statt bei vergrößertem Text oder einem schmalen Fenster zu brechen oder seitlich scrollbar zu werden.
  • Aussagekräftige Alternativtexte sowie bewusst leere alt-Attribute bei Bildern innerhalb eines Links, der bereits eigenen Text enthält — eine Beschreibung würde dort dazu führen, dass ein Screenreader dasselbe zweimal ansagt.

Bekannte Lücken

Dieser Abschnitt ist der Grund, warum sich die Veröffentlichung der Seite lohnt. Jeder Punkt ist real, wir kennen ihn, und keiner wird hier als behoben dargestellt.

Die Website ist in dreißig Sprachen veröffentlicht und wurde nicht in allen davon mit einem Screenreader getestet. Tests wurden auf Englisch durchgeführt. Aussprache und Lesereihenfolge in Sprachen mit Schreibrichtung von rechts nach links sowie in Schriften, für die unsere Anzeigeschriftarten keine Zeichen enthalten und die Plattformschrift einspringt, wurden mit assistiven Technologien nicht überprüft.

Unsere beiden Schriftarten decken nur das lateinische Alphabet ab. Kyrillisch, Devanagari, Georgisch, Thai, Arabisch, Hebräisch, Bengalisch, Äthiopisch und CJK verwenden die Schriften der jeweiligen Plattform. Das ist im Allgemeinen gut für die Lesbarkeit. Es bedeutet jedoch, dass wir die typografischen Details, die wir im Englischen steuern — Gewicht, Abstände und die Größe, ab der kleiner Text nicht mehr klein genug ist — in diesen Sprachversionen nicht kontrollieren.

Einige interaktive Elemente sind neu und weniger umfassend getestet. Die Vergleichsmatrix und die Hilfesuche filtern Zeilen direkt an Ort und Stelle, was dem richtigen Muster entspricht. Die Ansage einer geänderten Trefferzahl an einen Screenreader wurde jedoch implementiert und noch nicht mit Nutzern getestet.

Für die App gilt dieselbe Zielsetzung, sie wird jedoch seltener geprüft als die Website. Sie unterstützt die eigene Textgrößenanpassung und den Screenreader der Plattform, die beide den größten Teil der Arbeit übernehmen. Wir führen derzeit jedoch für jede Veröffentlichung kein formelles Barrierefreiheits-Audit durch.

Weder für die Website noch für die App wurde ein formelles Audit durch Dritte durchgeführt. Das sagen wir lieber offen, als eine Zertifizierung anzudeuten, die wir nicht besitzen.

Die App und ein wichtiger Hinweis

Die Telvio-App nutzt die Barrierefreiheitsfunktionen des Betriebssystems, auf dem sie ausgeführt wird: VoiceOver und Dynamic Type unter iOS sowie TalkBack und die Schriftgrößenanpassung unter Android. Damit wird das meiste abgedeckt, was bei einer App mit Wähltastatur, Guthaben und einer Tarifliste wichtig ist.

Eine Designentscheidung sollte eher als Eigenschaft der Barrierefreiheit denn als Funktion erwähnt werden. Da die App kein Konto erfordert, gibt es kein Anmeldeformular, kein einzugebendes Passwort, keinen E-Mail-Bestätigungsschritt und keinen Code, der aus einer Nachricht abgerufen werden muss — die gesamte Interaktionsklasse, an der Menschen mit assistiven Technologien oder generell Menschen, denen Formulare schwerfallen, am häufigsten scheitern, ist schlicht nicht vorhanden. Installieren, wählen, sprechen.

Die entsprechende Einschränkung steht auf derselben Seite wie alle anderen Informationen: Die App kann keine Notdienste anrufen. Das ist unter Notrufe beschrieben. Wenn jemand diese App für eine angehörige Person einrichtet — ein häufiges Muster, insbesondere bei älteren Menschen, die ihre Familie im Ausland anrufen — ist das der wichtigste Punkt, den Sie dabei erklären sollten.

Uns einen Fehler melden

Senden Sie eine E-Mail an [email protected] mit dem Betreff Accessibility. Hilfreiche Angaben sind: die Seite oder der Bildschirm, was Sie tun wollten, welche assistive Technologie Sie einschließlich ihrer Version verwendet haben und was stattdessen passiert ist. Nichts davon ist zwingend erforderlich — ein Satz wie “Ich kann die Tariftabelle mit einem Screenreader nicht nutzen” ist ein vollkommen ausreichender Bericht, und wir erhalten ihn lieber als gar keinen.

Wir bemühen uns, innerhalb von fünf Werktagen mit einer Einschätzung und, sofern wir einen Fehler bestätigen, einem groben Zeitrahmen zu antworten. Dinge, die jemanden daran hindern, eine Aufgabe abzuschließen, werden vor anderen Arbeiten behoben. Dinge, die eine Aufgabe erschweren, werden ehrlich eingeplant, statt vage versprochen zu werden.

Wenn Sie sich in der Europäischen Union befinden und der Meinung sind, dass eine Verpflichtung zur Barrierefreiheit nicht erfüllt wird, können Sie dies auch der zuständigen nationalen Durchsetzungsstelle melden. Wir möchten lieber, dass Sie sich zuerst an uns wenden, und wir antworten Ihnen in jedem Fall.

So laufen die Prüfungen tatsächlich ab

Zwei Dinge sollten wir erläutern, weil sie den Unterschied zwischen einer Erklärung und gelebter Praxis ausmachen.

Der Kontrast wird anhand der Darstellung geprüft, nicht anhand des Quellcodes. Ein aus einem Stylesheet ausgelesener Farbwert zeigt, wie ein Element aussehen sollte, nicht wie es tatsächlich aussieht — etwa ein halbtransparentes Element über einem dunklen Streifen, eine moderne Farbfunktion, die ein regulärer Ausdruck nicht versteht, oder ein fixierter Header über einem Hero-Bild. Die Prüfung rendert den tatsächlichen Hintergrund jedes Elements, indem sie bis zum ersten opaken Vorfahren nach oben geht und die Farbe direkt im Browser auflöst, und berechnet anschließend das Verhältnis. Dabei wurde festgestellt, dass der Fließtext auf dieser Website ein Verhältnis von 4.49:1 hatte, also unter AA lag und isoliert betrachtet völlig normal aussah.

Die Seite wird so geprüft, wie sie dargestellt wird, nicht so, wie sie geschrieben ist. Eine separate Prüfung lädt jede Seite in einem echten Browser und ermittelt, ob Text im sichtbaren Bereich eine Deckkraft von null hat, ob das Dokument seitlich scrollbar ist und ob etwas in seiner eigenen Hintergrundfarbe dargestellt wird. Der letzte Punkt klingt absurd, bis er tatsächlich veröffentlicht wird: Eine einzelne gruppierte CSS-Regel setzte einmal die Farbe und den Hintergrund eines Labels auf denselben Wert. Das führte zu einem Kontrastverhältnis von 1:1, das im Markup, im DOM und in einem Screenshot der Quelle unsichtbar war.

Bewusste Entscheidungen

  • Keine Bewegung ohne Zustimmung. Scroll-Animationen werden durch ein Skript aktiviert, das zunächst bestätigt, dass Bewegung gewünscht ist. Leserinnen und Leser mit aktivierter Einstellung für reduzierte Bewegung sehen Inhalte daher sofort und nie deren Einblenden.
  • Keine Inhalte hinter JavaScript. Nichts wird unsichtbar verfasst. Das ist ebenso eine Entscheidung für Barrierefreiheit wie für Leistung — eine Seite, die ein Skript benötigt, um sichtbar zu werden, funktioniert für alle nicht, bei denen das Skript nicht funktioniert.
  • Wörter statt Symbole in Daten. Die Vergleichstabellen verwenden “Ja”, “Keine” und “Aufgerundet” statt Häkchen und Kreuzen, weil ein Häkchen bei der Ansage mehrdeutig und beim Kopieren unsichtbar ist.
  • Leeres alt-Attribut, wenn eine Beschreibung eine Wiederholung wäre. Ein Bild innerhalb eines Links, der bereits eigenen Text enthält, erhält alt="". So nennt ein Screenreader das Ziel nur einmal statt zweimal.
  • Breite Tabellen werden innerhalb ihres eigenen Bereichs scrollbar, statt die Seite seitlich zu verschieben. So muss ein Smartphone nie horizontal scrollen, um einen Absatz zu lesen.

Fazit

Wir entwickeln nach WCAG 2.2 AA und überprüfen dies bei jeder Veröffentlichung. Dabei wird der Kontrast anhand des tatsächlich dargestellten Hintergrunds gemessen und nicht anhand einer Annahme. Dies ist keine Aussage über vollständige Konformität.

Bekannte Einschränkungen: Screenreader-Tests wurden für dreißig Sprachen nur auf Englisch durchgeführt, unsere Schriftarten unterstützen nur die lateinische Schrift, sodass für andere Schriftsysteme auf Plattformschriften zurückgegriffen wird, die neuesten interaktiven Elemente wurden weniger gründlich getestet, und ein Audit durch Dritte wurde bislang nicht durchgeführt.

Melden Sie alles, was sich nicht nutzen lässt, an [email protected] mit dem Betreff Barrierefreiheit. Die Meldung wird als Fehlerbericht behandelt, und Probleme, die eine Aufgabe blockieren, werden vor allen anderen Arbeiten behoben.

Häufig gestellte Fragen

Welchen Standard für Barrierefreiheit erfüllt Telvio?

Für die Website ist die Konformitätsstufe AA nach WCAG 2.2 das Ziel. Die Prüfung erfolgt bei jeder Veröffentlichung und nicht nur in regelmäßigen Abständen. Der Kontrast wird gegenüber dem Hintergrund gemessen, auf dem das jeweilige Element tatsächlich dargestellt wird. Ein Fehler blockiert den Build. Eine vollständige Konformität wird nicht behauptet.

Funktioniert die Telvio-Website ohne JavaScript?

Ja. Standardmäßig wird nichts ausgeblendet und erst durch ein Skript eingeblendet. Daher zeigt jede Seite ihren Inhalt auch bei deaktiviertem oder blockiertem JavaScript. Interaktive Funktionen wie die Vergleichsfilter ergänzen Seiten, die bereits ohne sie funktionieren.

Wurde die Barrierefreiheit von Telvio geprüft?

Weder für die Website noch für die App wurde eine Prüfung durch Dritte durchgeführt. Bei jeder Veröffentlichung der Website finden automatisierte und manuelle Prüfungen statt. Diese Erklärung führt bekannte Einschränkungen auf, statt sie wegzulassen.

Ist die Telvio-App mit einem Screenreader zugänglich?

Die App nutzt die integrierten Barrierefreiheitsfunktionen der jeweiligen Plattform – VoiceOver und Dynamic Type unter iOS sowie TalkBack und die Schriftgrößenanpassung unter Android. Sie wird seltener geprüft als die Website, und bei jeder Veröffentlichung findet keine formale Prüfung der Barrierefreiheit statt.

Wie melde ich ein Problem mit der Barrierefreiheit?

Schreiben Sie an [email protected] mit dem Betreff „Barrierefreiheit“. Geben Sie an, auf welcher Seite oder in welchem Bildschirm das Problem aufgetreten ist, was Sie tun wollten und was passiert ist. Angaben zur unterstützenden Technologie und zur Version sind hilfreich, aber nicht erforderlich. Wir bemühen uns, innerhalb von fünf Werktagen zu antworten.

Warum verwendet die Website in meiner Sprache eine andere Schrift?

Die beiden Schriftarten, in denen die Website gestaltet ist, decken nur die lateinische Schrift ab. Für Kyrillisch, Devanagari, Georgisch, Thai, Arabisch, Hebräisch, Bengalisch, Ethiopisch und CJK werden die systemeigenen Schriften der Plattform verwendet. Das ist in der Regel besser für die Lesbarkeit, bedeutet aber, dass wir die typografischen Details in diesen Sprachversionen nicht kontrollieren können.

1 kostenlose MinuteKein Konto, keine KarteKostenlos anrufen