Erklärung zur Barrierefreiheit

Seite 1, Seite 2, Seite 3:
Grafische Bedienelemente verfügen stets über sinnvolle Alternativtexte.

Seite 1, Seite 2, Seite 3:
Informative Grafiken und Bilder haben sinnvolle Textalternativen.

Seite 3:
Das eingesetzte Captcha ist barrierefrei.

Seite 1, Seite 2, Seite 3:
Die Texte werden durch Überschriften mit nativen HTML-Elementen gegliedert. Dabei werden die HTML-Strukturelemente h1 und h3 verwendet. Alle Inhalte der Seite sind über die Überschriften zugänglich. Werden gelegentlich Hierarchie-Ebenen ausgelassen, rechtfertigt sich dies durch die Gliederung der Inhalte.

Seite 1:
Die Hauptnavigation links und eine Linkgruppe links unten sind als Listen ausgewiesen. Die Slider mit den Teasern "Aktuelles" ist mit einer Liste realisiert.Eine missbräuchliche Verwendung des Listen-Elements wurde nicht festgestellt.
Seite 2, Seite 3:
Die Hauptnavigation links und eine Linkgruppe links unten sind als Listen ausgewiesen. Eine missbräuchliche Verwendung des Listen-Elements wurde nicht festgestellt.

Seite 1, Seite 2, Seite 3:
Alle Absätze sind mit p ausgezeichnet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.

Seite 1:
Die einzige Datentabelle ist strukturell richtig aufgebaut, sie verzichtet auf Überschriften, da der Aufbau sowohl der Kapitelüberschrift als auch der ersten Zeile zu entnehmen ist. Ausserdem listet die Tabelle Daten auf, die zusammen gehören und eine feste Reihenfolge haben. Sie wird also normalerweise linear genutzt, wie ein Buch.Die Tabelle hat eine klare Struktur, die Bedeutung der Zeilen und Spalten ist klar erkennbar. Alle Zellen sind gleich aufgebaut.
Seite 2:
Sämtliche Datentabellen sind strukturell richtig aufgebaut, Mitarbeitertabelle 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 einfache Tabelle im Footer Öffnungszeiten verzichtet auf Überschriften, da der Aufbau sowohl Überschrift als auch der ersten Zeile zu entnehmen ist. Ausserdem listet die Tabelle Daten auf, die zusammen gehören und eine feste Reihenfolge haben. Sie wird also normalerweise linear genutzt, wie ein Buch.Die Tabelle hat eine klare Struktur, die Bedeutung der Zeilen und Spalten ist klar erkennbar. Alle Zellen sind gleich aufgebaut.
Seite 3:
Die Tabelle im Footer für die Öffnungszeiten ist verständlich.

Seite 1, Seite 3:
Komplexe Datentabellen sind nicht vorhanden, in der einzigen einfachen Datentabellen wird berechtigterweise auf Überschriften verzichtet.

Seite 1, Seite 2, Seite 3:
Alle Eingabefelder verfügen über einen sinnvollen Alternativtext.

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:
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:
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 3:
Das autocomplete-Attribut ist vorhanden.

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:
Das Logo und die Icons für Telefon usw. haben einen Kontrast zu angrenzenden Farben von 3:1 oder besser.

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:
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:
Sämtliche Texte haben ausreichende Helligkeitskontraste.

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:
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 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:
Die Seite ist teilweise durch Überschriften und Sprunglinks zu Auszeichnung von Bereichen gut erschlossen.HTML 5 Elemente zur Auszeichnung von Bereichen sind nicht vorhanden.Sprunglinks zur Navigation und zum Hauptbereich sind vorhandenEs werden folgende WAI-ARIA document landmarks verwendet: banner, search, navigation, main, search und complementary, contentinfo. Die Zuordnung der Rollen ist korrekt und entspricht dem Seitenaufbau.

Seite 1, Seite 2, Seite 3:
Der Dokumenttitel besteht aus zwei Bestandteilen die durch Bidestrich 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. Das Such-Feld ist als solches klar zu erkennen

Seite 1, Seite 2, Seite 3:
Die aktuelle Position ist stets durch den Tastaturfokus ersichtlich.

Seite 1, Seite 2, Seite 3:
Alle Funktionen, die Mehrpunkt- oder pfad-basierte Gesten für die Bedienung verwenden, können mit einem einfachen Zeigereingabe ohne pfadbasierte Geste bedient werden, es sei denn, eine Mehrpunkt- oder pfadbasierte Geste ist unerlässlich.

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:
Der zugängliche Name enthält in den meisten Fällen den sichtbaren Text.

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 2:
Nutzereingaben in den Formularfeldern führen nicht zu unerwarteten oder nicht angekündigten Kontext-Änderungen (Suchfelder).
Seite 1, Seite 3:
Nutzereingaben in den Formularfeldern führen nicht zu unerwarteten oder nicht angekündigten Kontext-Änderungen (Suchfeld).

Seite 1, Seite 2, Seite 3:
Navigationsmechanismen und Menüeinträge in verschiedenen Bereichen des Webauftritts sind gleich angeordnet und gestaltet. In der linken Spalte ist immer die Hauptnavigation 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, Seite 2, Seite 3:
Bei den Feldern die auf Fehler geprüft werden, wird der Fehler in Textform beschrieben.

Seite 1, Seite 2, Seite 3:
Alle Eingabefelder verfügen, sofern vorhanden und erforderlich, über sinnvolle Beschriftungen.

Seite 1:
Fehler wird in Textform aussagekräftig beschrieben (beim Leerlassen des Eingabefeldes).
Seite 2:
Beim Leerlassen des Eingabefeldes für die Standardsuche wird der Fehler in Textform aussagekräftig beschrieben. Das Leerlassen der Suche nach Ansprechpartner erzeugt keine Fehlermeldung, da alle Ansprechpartner angezeigt werden.
Seite 3:
Wenn ein notwendiges Feld nicht ausgefüllt wird, wird dies in Textform beschrieben.

Seite 1, Seite 2, Seite 3:
Das Prüfergebnis des W3C-HTML-Validators nach Anwendung des "WCAG parsing only" Bookmarklet ist positiv. Die verwendete Markup-Sprache HTML wird korrekt eingesetzt.

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:
Komplexe Datentabellen sind nicht vorhanden. In der Tabelle im Hauptteil sind Überschriften nicht zugeordnet, in der Footertabelle sind Überschriften nicht notwendig

Seite 3:
Beim Captcha soll die Prüfzahl in das nebenstehende Feld eingebenen werden, dieses ist unterhalb. Es gibt jedoch ein verknüpftes Label "Prüfzahl".

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:
Es werden keine Grafiken eingesetzt, die rein dem Layout dienen.

Seite 1, Seite 2:
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:
Tabellen werden nicht für Layoutfunktionen verwendet.

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

Seite 1, Seite 2, Seite 3:
Es gibt keine zusätzliche Inhalte, die mittels Zeiger- oder Tastaturfokussierung eingeblendet werden.

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

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.