Erklärung zur Barrierefreiheit

Seite 3:
Der Inhaltsbereich der Seite hat lediglich eine Überschrift vom Typ h1. Im Fußbereich gibt es drei Überschriften vom Typ h3. Die Inhalte der Seite sind über die Überschriften zugänglich.

Seite 3:
Im Inhaltsbereich gibt es keine Absätze, dieser besteht aus einer Tabelle der Mitarbeiter. Es gibt daher auch keine Hervorhebungen, für die "strong" oder "em" verwendet werden könnte. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.

Seite 3:
Sämtliche 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.
Seite 1, Seite 2:
Die einzige Datentabelle ist strukturell richtig gegliedert. Sie verzichtet auf Überschriften, da der Aufbau selbsterklärend ist. Die Bedeutung der Zeilen und Spalten ist klar erkennbar. Alle Zellen sind gleich und linear aufgebaut.

Seite 2:
Die Beschriftungen von Formularfeldern 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 1, Seite 3:
Das einzige Eingabefeld der Seite zur Suche hat ein verknüpftes Label, welches vom Anwender versteckt wird.

Seite 1, Seite 2, Seite 3:
Seiteninhalte stehen unabhängig von der Darstellung in einer sinnvollen Reihenfolge.

Seite 1, Seite 2, Seite 3:
Die Wahrnehmung von Farben, Formen, Position von Elementen oder Tönen ist für die Bedienung oder das Verständnis der Inhalte nicht erforderlich.

Seite 1, Seite 2, Seite 3:
Inhalte sind hinsichtlich Ansicht und Bedienung nicht auf eine einzige Ausrichtung (Hoch- oder Querformat) beschränkt, es sei denn, eine bestimmte Ausrichtung ist unerlässlich.

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

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.

Seite 1, Seite 2, Seite 3:
Texte haben ausreichende Helligkeitskontraste.

Seite 1, Seite 2, Seite 3:
Text kann um bis zu 200 Prozent geändert werden, ohne dass dabei Inhalt oder Funktionalität verloren geht.

Seite 1, Seite 2, Seite 3:
Reine Schriftgrafiken werden nicht verwendet. An einigen Stellen kommt Schrift in einer Grafik vor diese ist aber stets durch begleitende Texte und durch Altternativtexte ausgezeichnet.

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:
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, abschaltbar oder verlängerbar.

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, 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, Seite 2, Seite 3:
Überschriften sind klar und aussagekräftig. Die versteckte Beschriftung der Suche im Headerbereich ist verständlich.

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.Es werden keine zusätzlichen Felder nach Formulareingaben dynamisch erzeugt, als auch keine Inhaltsänderungen unterhalb des Elements, das sie auslöst, hervorgerufen.

Seite 1, Seite 2, Seite 3:
Navigationsmechanismen und Menüeinträge in verschiedenen Bereichen des Webauftritts sind gleich angeordnet und gestaltet. Im Kopfbereich befindet sich stets die Hauptnavigation 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, 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, Seite 3:
Das einfaches Suchformular besteht nur aus einem Eingabefeld und einem Button. Das Eingabefeld und der Button liegen direkt nebeneinander und der Button ist durch die Lupe eindeutig gekennzeichnet. Das unbeschriftete Eingabefeld hat ein aussagekräftiges title-Attribut bzw. ein verstecktes Label.

Seite 1, Seite 2, Seite 3:
Wird ein Eingabefehler automatisch festgestellt, wird der Fehler in Textform beschrieben. Die erzeugte Fehlermeldung ist verständlich und gibt Aufschluss darüber, wie der Fehler zu korrigieren ist.

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

Seite 1, Seite 2, Seite 3:
Interaktive Bedienelemente wie Links und Schaltflächen haben programmatisch ermittelbare Namen und Rollen.

Seite 1, Seite 2:
Die Seite verfügt über Überschriften. Diese sind insgesamt nicht überall hierarchisch in ihrer Reihenfolge untergliedert, jedoch wenn man die einzelnen Sektionen betrachtet ist die Hierarchie hier wieder gegeben. Das Auslassen von Hierarchie-Ebenen wird durch die Gliederung der Inhalte gerechtfertigt.

Seite 1, Seite 2, Seite 3:
Alle Listen inklusive der Menüs sind mit den vorgesehenen HTML-Strukturelementen für Listen ausgezeichnet. Lediglich bei der Darstellung des Wetters werden HTML-Elemente für Listen verwendet, obwohl hier keine Liste zum Einsatz kommt.

Seite 1:
Alle Absätze sind mit p ausgezeichnet, für Hervorhebungen wird strong verwendet. Es werden vereinzelt Zeilenumbrüche genutzt um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.
Seite 2:
Alle Absätze sind mit p ausgezeichnet, eine Hervorhebung ist mit dem b-Tag ausgezeichnet.

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, 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 sind keine Sprunglinks vorhanden.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, Seite 2, Seite 3:
Bei Bedienelementen mit Beschriftungen, die Text enthalten, enthält der zugängliche Name in den meisten Fällen den sichtbaren Text. Die Links im Fußbereich verfügen über keine Beschriftung.

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 von Checkboxen und Radioboxen ist immer rechts neben dem Eingabefeld.Bei dem Feld E-Mail wird für die Eingabe ein bestimmtes Format verlangt und es wird keine Anweisungen angezeigt.

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

Seite 1, Seite 3:
CAPTCHAs sind nicht vorhanden.

Seite 1, Seite 2, Seite 3:
Weder Audiodateien noch stumme Videodateien sind vorhanden.

Seite 1, Seite 2, Seite 3:
Es sind keine aufgezeichneten Videos vorhanden.

Seite 1, Seite 2, Seite 3:
Videos sind nicht vorhanden oder auch ohne synchrone Audiodeskription zugänglich.

Seite 1, Seite 2, Seite 3:
Es sind keine Live-Übertragungen vorhanden.

Seite 1, Seite 2, Seite 3:
Videos sind nicht vorhanden oder auch ohne synchrone Audiodeskription zugänglich.

Seite 1, Seite 2, Seite 3:
Als eigenständige Abschnitte gefasste Zitate sind nicht vorhanden.

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

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 Fokus erhalten.

Seite 1, Seite 2, Seite 3:
Die Alternativtexte sind generell vorhanden, könnten allerdings an einigen Stellen aussagekräftiger sein. Für die Bedienelemente (Lupe mit Suchfunktion) im Header liegen keine Alternativtexte vor. Das gleiche gilt für die Elemente im Fußbereich der Seite (drucken, nach oben).

Seite 2:
Eingabefelder, die sich auf den Nutzer selbst beziehen, bezeichnen den Zweck nur über das type Attribut (z.B. type="email"), es werden keine autocomplete-Attribute verwendet.

Seite 1, Seite 2, Seite 3:
Grafische Bedienelemente und deren Zustände und haben überwiegend einen Kontrast zu angrenzenden Farben von 3:1 oder besser oder die Grafiken sind lediglich ergänzend zu erklärendem Text eingesetzt.Bei der Cookie-Einverständnis Erklärung ist der Kontrast der Bedienelemente nicht ausreichend.

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.Bei der Cookie-Einverständniserklärung kommt es zu Überschneidungen und Text werden abgeschnitten.

Seite 1, Seite 2, Seite 3:
Der Tastaturfokus ist überwiegend schlecht zu erkennen.

Seite 1, Seite 2, Seite 3:
Die informative Grafik zur Wetterangabe im Headerbereich verfügt über keinen Alternativtext. Das gleiche gilt für die vier Grafiken (eingebunden per "FontAwesome") im Fußbereich, da nicht mit dem img-Tag gearbeitet wird.

Seite 2:
Die eingesetzten CAPTCHAs in Formularen sind bildbasiert. Der Alternativtext des Bildes lautet "Captcha-Bild". Es beschreibt aktuell daher nicht den Zweck des CAPTCHAs. Mangels einer Bildalternative, wird auch nicht beschrieben, wie eine solche aufzufinden ist.

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