Erklärung zur Barrierefreiheit

Seite 1, Seite 2, Seite 3:
Grafische Bedienelemente haben sinnvolle Alternativtexte.

Seite 1, Seite 2, Seite 3:
Informative Grafiken haben sinnvolle Alternativtexte.

Seite 2:
Es wir ein nicht bildbasiertes Captcha verwendet.

Seite 1, Seite 3:
Alle Inhalte der Seite sind über die Überschriften zugänglich.

Seite 1, Seite 2, Seite 3:
Alle Listen inklusive der Menüs sind mit den vorgesehenen HTML-Strukturelementen für Listen ausgezeichnet. Es findet keine missbräuchliche Verwendung der HTML-Elemente für Listen statt.

Seite 3:
Die einzige Datentabelle ist strukturell richtig aufgebaut, Zeilen- und Spaltenüberschriften sind mit dem Tag <th> ausgezeichnet. Die Tabelle hat eine klare Struktur, die Bedeutung der Zeilen und Spalten ist klar erkennbar. Die Überschriften sind gut auffindbar, aussagekräftig formuliert und es ist klar auf welche Daten sie sich beziehen. Alle Zellen sind gleich aufgebaut. Die Beschreibung der Tabelle wird über "caption" realisiert.

Seite 1:
Das einzige Eingabefeld der Seite (das Suche-Feld) hat ein verknüpftes verstecktes Label.
Seite 2:
Das Suche-Feld im Header hat ein verknüpftes verstecktes Label.Die Beschriftungen der Formularfelder im Hauptteil sind richtig verknüpft. Label-Elemente haben ein "for"-Attribut. Wenn man mit der Maus auf die Beschriftung eines Formular-Elementes klickt wird der Cursor dadurch auf das Formular-Element gesetzt. Es gibt keine Gruppen von Formular-Elementen.
Seite 3:
Das Suche-Feld im Header hat ein verknüpftes verstecktes Label, das Suche-Feld im Hauptteil ein aussagekräftiges title-Attribut.

Seite 1, Seite 2, Seite 3:
Die logische Reihenfolge der sichtbaren Seiteninhalte bleibt auch nach dem Abschalten von CSS erhalten. Es gibt keine Linealisierungsprobleme mit dem Screenreader NVDA, wenn man die sichtbaren Inhalte vorlesen lässt, werden keine versteckten Inhalte vorgelesen.

Seite 1, Seite 2, Seite 3:
Textliche Verweise verzichten auf sensorische Merkmale wie Farbe, Form, Größe oder Position.

Seite 1, Seite 2, Seite 3:
Inhalte sind hinsichtlich Ansicht und Bedienung nicht auf eine einzige Ausrichtung (Hoch- oder Querformat) beschränkt. Die Inhalte passen sich der nutzergewählten Ausrichtung des Ausgabegerätes automatisch an.

Seite 1, Seite 2, Seite 3:
Inhalte lassen sich bei einer Browserfensterbreite von 320 CSS-Pixeln ohne Verlust von Informationen oder Funktionalität und ohne horizontales Scrollen nutzen.

Seite 1, Seite 2, Seite 3:
Grafische Bedienelemente und deren Zustände und haben einen Kontrast zu angrenzenden Farben von 3:1 oder besser oder die Grafiken sind lediglich ergänzend zu erklärendem Text eingesetzt.

Seite 1, Seite 2, Seite 3:
Zusätzliche Inhalte, die mittels Zeigerfokussierung eingeblendet werden, bleiben sichtbar, wenn der Zeiger über sie bewegt wird, schließen nicht selbsttätig. Die eingeblendeten Inhalte sind schließbar entweder durch Aktivieren des auslösenden Elementes oder durch Wegbewegen des Zeigers.

Seite 1, Seite 2, Seite 3:
Die Wahrnehmung von Farben ist für die Bedienung oder das Verständnis der Inhalte nicht erforderlich. Farben dienen lediglich optischen Optimierungen.

Seite 1, Seite 2, Seite 3:
Der Text kann mit der Zoom-Funktion des Browsers um bis zu 200 Prozent vergrößert werden, ohne dass dabei Inhalt oder Funktionalität verloren geht.

Seite 1, Seite 2, Seite 3:
Schriftgrafiken werden nicht verwendet.

Seite 1, Seite 2, Seite 3:
Es gibt keine Tastaturfallen. Alle wesentlichen Inhalte und Funktionen sind mit der Tastatur erreichbar.

Seite 1, Seite 2, Seite 3:
Durch das Drücken der Tasten (alle Nummern- Buchstaben-, Symbol- und Zeichensetzungs-Tasten) geschehen keinerlei Änderungen des Inhalts oder des Kontexts.

Seite 1, Seite 2, Seite 3:
Zeitbegrenzungen sind nicht vorhanden.

Seite 1, Seite 2, Seite 3:
Die Seite enthält keine Elemente, die in einem Zeitraum von einer Sekunde häufiger als dreimal aufblitzen.

Seite 1, Seite 2, Seite 3:
Der Dokumenttitel besteht aus zwei Bestandteilen die durch Bindestrich getrennt sind: eine immer gleiche, allgemeine Bezeichnung des Webauftritts und führend eine unterscheidende, individuelle Bezeichnung der jeweiligen Seite. Der Dokumenttitel ist für die Unterscheidung und Auswahl von Seiten geeignet.

Seite 1, Seite 2, Seite 3:
Links, Formularelemente und Objekte werden mit der Tabulatortaste in einer schlüssigen Reihenfolge angesteuert. Die Tabulatorreihenfolge folgt im Wesentlichen der visuellen Anordnung auf dem Bildschirm von oben nach unten und von links nach rechts.

Seite 1, Seite 2, Seite 3:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig.

Seite 1, Seite 2, Seite 3:
Es sind drei unterschiedliche Zugangswege zu den Inhalten des Angebots vorhanden. Es sind durchgängig verfügbare Navigationsmenüs vorhanden, es existiert ein Inhaltsverzeichnis und es gibt eine Suchfunktion, welche prominent auf jeder Seite platziert ist.

Seite 2:
Überschriften sind klar und aussagekräftig und beschreiben den folgenden Inhaltsteil, Beschriftungen der Formularfelder sind sinngebend.
Seite 3:
Überschriften sind klar und aussagekräftig. Die zwei Such-Felder sind als solche klar zu erkennen.

Seite 1, Seite 2, Seite 3:
Sprunglinks werden nach Fokuserhalt angezeigt. Der Tastaturfokus ist überwiegend gut zu erkennen.

Seite 1, Seite 2, Seite 3:
Zeiger-Gesten lösen keine Aktionen beim Down-Event aus, oder sie können abgebrochen oder rückgängig gemacht werden.

Seite 1, Seite 2, Seite 3:
Die Hauptsprache der Webseite ist korrekt im HTML-Tag angegeben.

Seite 1, Seite 2, Seite 3:
Der Fokuserhalt führt nicht zu einer unerwarteten Kontextänderung.

Seite 1, Seite 2, Seite 3:
Nutzereingaben in den Formularfeldern führen nicht zu unerwarteten oder nicht angekündigten Kontext-Änderungen.

Seite 1, Seite 2, Seite 3:
Navigationsmechanismen und Menüeinträge in verschiedenen Bereichen des Webauftritts sind gleich angeordnet und gestaltet. Im Headerbereich befindet sich stets die Hauptnavigation, in einer linken Spalte ist immer die Unternavigation eingebettet und der Fußbereich enthält auf allen Seiten Weiterführende Links.

Seite 1, Seite 2, Seite 3:
Die Navigationsmechanismen und Funktionen, die innerhalb des Webauftritts wiederholt eingesetzt werden, sind stets einheitlich bezeichnet.

Seite 1:
Beim Suchfeld im Header wird geprüft, ob das Feld leer ist und ggf. eine entsprechende Fehlermeldung ausgegeben.
Seite 2:
Wenn das Formular Fehlermeldungen erzeugt, werden die fehlerhaft ausgefüllten Felder identifiziert und der Fehler wird in Textform beschrieben. Nach Korrektur der Eingaben und erneutem Abschicken des Formulars verschwinden die zuvor angezeigten Fehlermeldungen.
Seite 3:
Keine Fehlerbehandlung bei der Aufgabensuche. Beim Suchfeld im Header wird geprüft, ob das Feld leer ist und ggf. eine entsprechende Fehlermeldung ausgegeben.

Seite 1:
Das Suchfeld im Header hat ein verstecktes Label.
Seite 2:
Beschriftungen sind bei allen Formularelementen vorhanden. Die Beschriftung der Formularelemente ist vor (also links neben oder über) dem zugehörigen Eingabefeld angeordnet.Die Beschriftung der Checkboxen ist rechts neben dem Eingabefeld.Das Suchfeld im Header hat ein verstecktes Label.
Seite 3:
Das Suchfeld im Header hat ein verstecktes Label. Das Suchfeld im Hauptteil ist mit einem aussagekräftigen title-Attribut versehen.

Seite 1, Seite 2, Seite 3:
Wird ein Eingabefehler automatisch festgestellt, wird der Fehler in Textform beschrieben. Die erzeugten Fehlermeldungen sind verständlich und geben Hinweise, wie der Fehler zu korrigieren ist.

Seite 1, Seite 2, Seite 3:
Das Prüfergebnis des W3C-HTML-Validators ist nach Anwendung des "WCAG parsing only" Bookmarklet positiv.

Seite 1, Seite 2, Seite 3:
Es gibt keine Links oder Schaltflächen ohne "href". Es gibt keine Formularelemente wie Checkboxen oder Radio-Buttons, die von der systemüblichen Darstellung abweichen, da sie mit anderen Elementen wie div oder img nachgebildet wurden. Es gibt keine selbstgebauten Widgets.

Seite 2:
Die Inhalte der Seite sind größtenteils über die Überschriften zugänglich. Der Abschnitt Datenschutzhinweise hat jedoch keine mit h-Tag ausgezeichnete Überschrift.

Seite 1, Seite 2, Seite 3:
Alle Absätze sind mit p ausgezeichnet, für Hervorhebungen wird bis auf eine Ausnahme, der breadcrump, strong verwendet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.

Seite 2:
Eine Bezeichnung des Zwecks von Eingabefeldern, die sich auf den Benutzer beziehen, ist über das autocomplete-Attribut realisiert.

Seite 1, Seite 2, Seite 3:
Zeilen- Absatz- Wort- und Buchstaben-Abstände lassen sich von Nutzern auf folgende Werte einstellen, ohne dass Inhalte oder Funktionalitäten verloren gehen: Zeilen: 1,5-fache Textgröße; Abstände nach Absätzen: 2-fache Textgröße; Buchstaben-Kerning: 0,12-fache Textgröße; Wortabstände: 0,16-fache Textgröße. Zu bemängeln ist, dass der Button für die Suche nach unten rutscht.

Seite 1, Seite 2, Seite 3:
Der Textkontrast ist überwiegend ausreichend.

Seite 1, Seite 2, Seite 3:
Auch ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden. Mit der Tabulator-Taste können alle wesentlichen Links und Funktionen erreicht werden. Man kann mit der Tabulator-Taste auch alle Navigationspunkte der obersten Hierarchie ansteuern, allerdings werden diese nicht optisch hervorgehoben, wenn man diese mit der Tabulator-Taste ansteuert.

Seite 1, Seite 2, Seite 3:
Bewegte Inhalte sind vorhanden und es gibt eine Möglichkeit, die Bewegung anzuhalten, indem man mit der Maus über den bewegten Inhalt geht. Alle Inhalte bleiben nach dem Anhalten der Bewegung verfügbar. Auf der Seite befindet sich KEINE Schaltfläche, mit der man die Bewegung stoppen kann und auch kein Hinweis, dass die Bewegung mit der Maus zu stoppen ist.

Seite 1:
Mehre wichtige Navigationsbereiche sind mit WAI-ARIA document landmarks ausgezeichnet und sind nicht mit aria-label oder aria-labelledby unterschieden.Sprunglinks sind nicht sichtbar nach Betätigen der TAB-Taste und werden bei Fokuserhalt auch nicht eingeblendet.Es gibt eine Überschrift über den Hauptteil, welche aussagekräftig ist, aber nicht den Inhalt wiederspiegeln kann, da es dafür zu viele Themen gibt und diese sich auch regelmäßig ändern.
Seite 2, Seite 3:
Die Seite ist teilweise mit Überschriften und Spalten strukturiert. Diese Struktur ist unabhängig von der Darstellung auf dem Bildschirm zugänglich und nutzbar. Es werden sinnvolle Bereichsüberschriften mit HTML-Strukturelementen h1-h4 verwendet.Sprunglinks sind nicht permanent sichtbar und werden bei Fokuserhalt auch nicht eingeblendet.Das CMS nutzt keine HTML5 Elemente zur Auszeichnung von Bereichen (header, nav, main, aside, footer).Es werden folgende WAI-ARIA document landmarks verwendet: banner, navigation, main, search, complementary und contentinfo. Die Zuordnung der Rollen ist korrekt und entspricht dem Seitenaufbau.

Seite 1:
Es gibt eine Überschrift über dem Hauptteil, welche aussagekräftig ist, aber nicht den Inhalt wiederspiegeln kann, da es dafür zu viele unterschiedliche Themen gibt und diese sich auch regelmäßig ändern. Die Überschriften im Footer sind klar und aussagekräftig. Das Suche-Feld im Header ist klar als solches zu erkennen.

Seite 1, Seite 2, Seite 3:
Bei Bedienelementen mit Beschriftungen, die Text enthalten, enthält der zugängliche Name in der Regel den sichtbaren Text.

Seite 1, Seite 2, Seite 3:
Es werden keine Grafiken eingesetzt, die rein dem Layout dienen.

Seite 1, Seite 3:
Es werden keine CAPTCHAs auf dieser Seite eingesetzt.

Seite 1, Seite 2, Seite 3:
Kein Einsatz von Audiodateien in denen Informationen vermittelt werden, kein Einsatz von stummen Videos oder Animationen. Medienalternativen in Form von Transkriptionen werden daher ebenfalls nicht angeboten.

Seite 1, Seite 2, Seite 3:
Es werden keine Videoaufzeichnungen eingesetzt.

Seite 1, Seite 2, Seite 3:
Es werden keine Videoaufzeichnungen eingesetzt.

Seite 1, Seite 2, Seite 3:
Kein Einsatz von Live-Übertragungen.

Seite 1, Seite 2, Seite 3:
Es werden keine Videoaufzeichnungen eingesetzt.

Seite 1:
Es werden keine Zitate auf der Seite veröffentlicht.
Seite 2, Seite 3:
Es werden keine Zitate auf der Seite veröffentlicht.

Seite 1, Seite 2:
Keine Datentabellen vorhanden.

Seite 3:
Komplexe Datentabellen sind nicht vorhanden, in einfachen Datentabellen sind Überschriften nicht zugeordnet.
Seite 1, Seite 2:
Keine Tabellen auf dieser Seite.

Seite 1, Seite 2, Seite 3:
Tabellen werden nicht für Layoutfunktionen verwendet.

Seite 1, Seite 3:
Es gibt keine Eingabefelder, die sich auf Daten des Nutzers beziehen.

Seite 1, Seite 2, Seite 3:
Die Seite hat keine Tonelemente, die automatisch abgespielt werden.

Seite 1, Seite 2, Seite 3:
Die Seite enthält keine pfadbasierten Gesten oder Mehrpunkt Gesten.

Seite 1, Seite 2, Seite 3:
Es gibt keine Funktionen, die über Gerätebewegung oder Benutzerbewegung ausgelöst werden können.

Seite 1, Seite 2, Seite 3:
Anderssprachige Wörter und Abschnitte sind nicht vorhanden.

Seite 1, Seite 2, Seite 3:
Die Seite enthält keine Formulare für Transaktionen durch die Nutzer rechtlich bindende Verpflichtungen eingehen.

Seite 1, Seite 2, Seite 3:
Es werden keine Statusmeldungen generiert, die nicht den Focus erhalten.