Erklärung der 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 gibt ein Captcha, das nicht bildbasiert ist.

Seite 1, Seite 2, Seite 3:
Die Texte auf der Seite werden durch Überschriften mit nativen HTML-Elementen erschlossen. Alle Detail-Inhalte der Seite sind über die Überschriften zugänglich. Es werden bewusst Hierarchie-Ebenen ausgelassen, dies rechtfertigt sich durch die Gliederung und Position der Inhalte.

Seite 1, Seite 2, Seite 3:
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 1:
Die Datentabellen sind strukturell richtig aufgebaut, sie verzichten auf Überschriften, da deren Aufbau sowohl der Kapitelüberschrift als auch der ersten Zeile zu entnehmen ist. Ausserdem listen die Tabellen Daten auf, die zusammen gehören und eine feste Reihenfolge haben.
Seite 2:
Die Datentabelle ist strukturell richtig aufgebaut, sie verzichten auf Überschriften, da deren Aufbau sowohl der Kapitelüberschrift als auch der ersten Zeile zu entnehmen ist. Ausserdem listen die Tabellen Daten auf, die zusammen gehören und eine feste Reihenfolge haben.
Seite 3:
Die Datentabellen sind 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.Die Datentabelle im Footer verzichtet auf Überschriften, da deren Aufbau sowohl der Kapitelüberschrift als auch der ersten Zeile zu entnehmen ist. Ausserdem listen die Tabellen Daten auf, die zusammen gehören und eine feste Reihenfolge haben.

Seite 1:
Das Suchfeld kann als beschriftet angesehen werden.
Seite 2:
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.Das Suchfeld kann als beschriftet angesehen werden.
Seite 3:
Die beiden Suchfelder sind beschriftet (Anordnung von Suchfeld und Button in Kombination mit dem title-Attribut des Suchfeldes).

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:
Die Inhalte sind bezüglich Bedienung und Ansicht nicht auf eine einzige Ausrichtung (Quer- oder Hochformat) beschränkt. Sämtliche Inhalte passen sich automatisch der nutzergewählten Ausrichtung des Endgerätes an.

Seite 1, Seite 2, Seite 3:
Die Inhalte lassen sich auch bei einer kleinen Breite des Browserfensters von 320 CSS-Pixeln ohne Verlust von Funktionalität oder Informationen nutzen. Ein horizontales Scrollen ist nicht nötig.

Seite 1, Seite 2, Seite 3:
Der Kontrast des Suche-Buttons ist nicht ausreichend aber es gibt die Möglichkeit auf eine Ansicht mit erhöhtem Kontrast umzuschalten.

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.

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 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:
Zwar sind Fließtextlinks von ihrer Textumgebung nur durch abweichende Farbe mit einem Kontrastunterscheid von unter 3:1 unterscheidbar aber es gibt die Möglichkeit auf eine Ansicht mit erhöhtem Kontrast umzuschalten.

Seite 1:
Der Kontrast der folgenden Texte ist ungenügend: im Hauptmenü grün und orange auf weiß, bei den Veranstaltungen weiß auf hellrot ("Abgesagt"), sämtliche Linktexte hellgrün auf weiß - aber es gibt die Möglichkeit auf eine Ansicht mit erhöhtem Kontrast umzuschalten.
Seite 2:
Der Kontrast der folgenden Texte ist ungenügend: im Hauptmenü grün und orange auf weiß, Linktexte hellgrün auf weiß - aber es gibt einen Kontrastumschalter.
Seite 3:
Der Kontrast der folgenden Texte ist ungenügend: im Hauptmenü grün und orange auf weiß - aber es gibt eine Ansicht mit hohem Kontrast, die über den Kontrastumschalter ausgewählt werden kann.

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:
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.

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 3:
Keine bewegten Inhalte 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 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:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig. Der in der Teaser-Darstellung verwendete Terminus "... mehr" steht stets im Zusammenhang mit einem aussagekräftigen Teasertext, einer Überschrift und teilweise noch einem zusätzlichen Bild.
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 1:
Die Überschriften und Beschriftungen sind klar und aussagekräftig.

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 dem Formularfeld 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.

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

Seite 1, Seite 2, Seite 3:
Wenn das Formular Fehlermeldungen erzeugt, wird das fehlerhaft ausgefüllte Feld identifiziert und der Fehler wird in Textform beschrieben. Nach Korrektur der Eingabe(n) und erneutem Abschicken des Formulars verschwinden die zuvor angezeigten Fehlermeldungen.

Seite 1:
Das Suchfeld kann als beschriftet angesehen werden.
Seite 2:
Beschriftungen sind bei fast allen Formularelementen vorhanden. Die Beschriftung der Formularelemente ist vor (also links neben oder über) dem zugehörigen Eingabefeld angeordnet. Die Beschriftung von Checkboxen und Radioboxen ist immer rechts neben dem Eingabefeld. Das Suchfeld kann als beschriftet angesehen werden.
Seite 3:
Die Suchfelder können als beschriftet angesehen werden.

Seite 1:
Beim einzigen Eingabefeld auf dieser Seite, dem Suchfeld, wird bei fehlendem Inhalt eine aussagekräftige Fehlermeldung in Textform ausgegeben.
Seite 2:
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 3:
Beim Suchfeld, wird bei fehlendem Inhalt eine aussagekräftige Fehlermeldung in Textform ausgegeben. Bei der Mitarbeitersuche gibt es keine Fehlerbehandlung.

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 1, Seite 2, Seite 3:
Es werden keine Statusmeldungen generiert, die nicht den Fokus erhalten.

Seite 1, Seite 2, Seite 3:
Für Hervorhebungen im Text wird ausschließlich strong verwendet. Es wird kein Text per CSS eingebunden. Absätze werden teilweise mit dem div-Tag ausgezeichnet.

Seite 1, Seite 2, Seite 3:
Die logische Reihenfolge der sichtbaren Seiteninhalte bleibt auch nach dem Abschalten von CSS erhalten. Wenn man die sichtbaren Inhalte vorlesen lässt, wird am Seitenende das versteckte Menü für die mobile Ansicht vorgelesen.

Seite 2:
Für die meisten Eingabefelder, dis sich auf den Nutzer beziehen, ist das autocomplete-Attribut gesetzt.

Seite 1, Seite 2, Seite 3:
Für den Logo-artigen Text "Willkommen daheim" im Seitenkopf wird eine Schriftgrafik verwendet.

Seite 1, Seite 2:
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:
Die Seite ist 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 h verwendet. Es sind Sprunglinks au f Navigation und Hauptbereich vorhanden, wobei nur letzterer auf dieser Seite ein Ziel hat.Das CMS nutzt keine HTML5 Elemente zur Auszeichnung von Bereichen (header, nav, main, aside, footer). Es werden WAI-ARIA document landmarks verwendet. Die Zuordnung der Rollen entspricht dem Seitenaufbau.
Seite 2:
Die Seite ist mit Überschriften strukturiert. Diese Struktur ist unabhängig von der Darstellung auf dem Bildschirm zugänglich und nutzbar. Es werden sinnvolle Bereichsüberschriften mit HTML-Strukturelementen h verwendet. Es gibt Sprunglinks auf die Navigation und den Hauptbereich. Nur letzterer ist hier nutzbar. Das CMS nutzt keine HTML5 Elemente zur Auszeichnung von Bereichen (header, nav, main, aside, footer). Es werden WAI-ARIA document landmarks verwendet. Die Zuordnung der Rollen entspricht dem Seitenaufbau.
Seite 3:
Die Seite ist 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 h verwendet.Die Sprunglinks bleiben bei Fokuserhalt unsichtbar.Das CMS nutzt keine HTML5 Elemente zur Auszeichnung von Bereichen (header, nav, main, aside, footer).Es werden WAI-ARIA document landmarks verwendet. Die Zuordnung der Rollen entspricht dem Seitenaufbau.

Seite 2:
Die Überschriften und Beschriftungen sind klar und aussagekräftig. Das Suche-Feld verfügt über keine Beschriftung.
Seite 3:
Die Überschriften und Beschriftungen sind klar und aussagekräftig. Das Suche-Feld im Header verfügt über keine Beschriftung.

Seite 1, Seite 2, Seite 3:
Der Tastaturfokus ist meist gut erkennbar.

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, Seite 2, Seite 3:
Es werden keine Zitate auf der Seite veröffentlicht.

Seite 1, Seite 2, Seite 3:
Komplexe Datentabellen sind nicht vorhanden, in einfachen Datentabellen sind Überschriften nicht zugeordnet bzw. nicht vorhanden.

Seite 1, Seite 2, Seite 3:
Es werden keine Tabellen 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.