Erklärung der Barrierefreiheit

Seite 1:
Die Texte auf der Seite werden durch Überschriften mit nativen HTML-Elementen gegliedert. Alle Detail-Inhalte der Seiten sind über die Überschriften zugänglich. Es werden bewusst Hierarchie-Ebenen ausgelassen, dies rechtfertigt sich durch die Gliederung der Inhalte.
Seite 2, Seite 3:
Der Text auf der Seite wird durch eine Überschrift mit nativen HTML-Elementen gegliedert. Die Detail-Inhalte der Seite ist ü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.

Seite 1, Seite 2, Seite 3:
Alle Absätze sind mit p ausgezeichnet, für Hervorhebungen im Text wird strong und em verwendet. 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.Eine Datentabelle 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 1, Seite 2:
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 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 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:
Informationstragende Grafiken sowie 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:
Zeilen- Absatz- Wort- und Buchstaben-Abstände lassen sich von Nutzern auf folgende Werte einstellen, ohne dass Inhalte oder Funktionalitäten nicht mehr verfügbar sind: 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 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 vom CMS zur Verfügung gestellten Mitteln um bis zu 200 Prozent geändert 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:
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 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 enthält zwei Bestandteile mit Bindestrich getrennt: eine immer gleiche, allgemeine Bezeichnung des Webauftritts und eine unterscheidende, individuelle Bezeichnung der jeweiligen Seite. Der Dokumenttitel ist für die Unterscheidung und Auswahl von Seiten geeignet.

Seite 1:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig. Der in der Teaser-Darstellung verwendete Terminus "weiterlesen" 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, Seite 2, Seite 3:
Überschriften sind klar und aussagekräftig. Es sind keine Formularfelder vorhanden.

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:
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, 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 3:
Alternativtexte sind bis auf wenige Ausnahmen immer vorhanden. Bei direkt im Code gesetzten Elementen können Alternativtexte eventuell fehlen. Bei der Mitarbeiterliste werden die Alternativtexte für das Brief-Symbol automatisch gesetzt.
Seite 1, Seite 2:
Alternativtexte sind bis auf wenige Ausnahmen immer vorhanden. Bei direkt im Code gesetzten Elementen können Alternativtexte eventuell fehlen. Die Alternativtexte werden vom System automatisch gesetzt und bedienen sich des Elementnamens. Wir wählen beim Erstellen im CMS sinnvolle Dateinamen und Alternativtexte bei jenen wo dies nicht zutrifft händisch anzupassen. Die Qualität der gewählten Beschreibungen ist bei neueren Inhalten daher oft wesentlich höher als bei älteren.

Seite 1, Seite 2:
Alternativtexte sind bis auf wenige Ausnahmen immer vorhanden. Bei direkt im Code gesetzten Elementen können Alternativtexte eventuell fehlen. Die Alternativtexte werden vom System automatisch gesetzt und bedienen sich des Elementnamens. Die Mitarbeiter sollten daher dazu angehalten werden im CMS sinnvolle Dateinamen zu wählen und Alternativtexte bei jenen wo dies nicht zutrifft händisch anzupassen. Die Qualität der gewählten Beschreibungen ist bei neueren Inhalten oft wesentlich höher als bei älteren.

Seite 1, Seite 2:
Textliche Verweise verzichten größtenteils auf sensorische Merkmale wie Farbe, Form, Größe oder Position. An den Stellen, an denen sensorische Merkmale nötig sind, werden diese stets durch erklärende Texte ergänzt.

Seite 3:
Einige Icons haben einen Helligkeitskontrast von 2,9:1, dies sind die Farben 5A9CD5 (Blauton) und FFFFFF (weiß).

Seite 1, Seite 2, Seite 3:
Die meisten Texte haben ausreichende Helligkeitskontraste. Einige wenige Texte haben einen Helligkeitskontrast von 2,9:1, dies sind die Farben 5A9CD5 (Blauton) und FFFFFF (weiß).

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 durch Überschriften und Sprunglinks und teilweise durch ARIA document landmarks erschlossen.

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:
Der Tastaturfokus ist in den meisten Fällen gut zu erkennen.

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 besitzen das HTML title-Attribut und der Link-Text und der title-Attribut-Text sind identisch. Alle gängigen Screenreader kommen mit dieser Konstellation gut zurecht, siehe https://www.deque.com/blog/text-links-practices-screen-readers/

Seite 3:
Es gibt auf der Seite keine informativen Grafiken.

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

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

Seite 1, Seite 2, Seite 3:
Komplexe Datentabellen sind nicht vorhanden, in der einzigen einfachen Datentabellen wird berechtigterweise auf Überschriften verzichtet (siehe Prüfschritt 1.3.1e).

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

Seite 1, Seite 2, Seite 3:
Auf der Seite werden keine Formulare verwendet.

Seite 1, Seite 2, 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 Formularelemente.

Seite 1, Seite 2, Seite 3:
Es gibt keine Formularfelder auf der Seite.

Seite 1, Seite 2, Seite 3:
Es gibt keine Formularfelder auf der Seite.

Seite 1, Seite 2, Seite 3:
Es gibt keine Formularfelder auf der Seite.

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 auf der Seite erzeugt.