12.1.1 Dokumentation von Kompatibilität und Barrierefreiheit | Seite 1, Seite 2, Seite 3: Die Dokumentation der Barrierefreiheit ist auf der Seite Barrierefreiheit veröffentlicht. |
12.1.2 Barrierefreie Dokumentation | Seite 1, Seite 2, Seite 3: Alle Punkte sind konform. |
12.2.3 Effektive Kommunikation | Seite 1, Seite 2, Seite 3: Der Webauftritt stellt Kontaktdaten im Footer (Telefonnummer und Email-Adresse) bereit. |
5.2 Aktivierung von Barrierefreiheitsfunktionen | Seite 1, Seite 2, Seite 3: Die Barrierefreiheits-Funktion ist barrierefrei identifizierbar und aktivierbar. |
9.1.1.1a Alternativtexte für Bedienelemente | Seite 1: Alternativtexte sind durchgehend vorhanden. Die Seite wird mit aktuellen Meldungen befüllt. Seite 2, Seite 3: Alternativtexte sind durchgehend vorhanden. |
9.1.1.1c Leere alt-Attribute für Layoutgrafiken | Seite 1, Seite 2, Seite 3: Bei Grafiken die dem Layout dienen (Header) werden leere alt-Attribute eingesetzt. |
9.1.1.1d Alternativen für CAPTCHAs | Seite 2: Das eingesetzte Captcha ist barrierefrei. |
9.1.3.1a HTML-Strukturelemente für Überschriften | Seite 1, Seite 2, Seite 3: Die Texte werden durch Überschriften mit nativen HTML-Elementen gegliedert. Alle Inhalte der Seite sind über die Überschriften zugänglich. |
9.1.3.1b HTML-Strukturelemente für Listen | Seite 1, Seite 2, Seite 3: Sämtliche Listen (auch innerhalb der einzelnen Menüs) sind mit den gegebenen Elementen der HTML-Struktur bzgl. Listen ausgezeichnet. Die Listen-Elemente werden an keiner Stelle missbräuchlich verwendet. |
9.1.3.1d Inhalt gegliedert | Seite 1, Seite 2, Seite 3: Alle Absätze sind mit p ausgezeichnet, für Hervorhebungen im Text wird strong verwendet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden. |
9.1.3.1e Datentabellen richtig aufgebaut | Seite 1, Seite 2, Seite 3:: Es werden keine Tabellen verwendet. |
9.1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar | Seite 1, Seite 3: Das Suchfeld besitzt ein verknüpftes verstecktes Label. Seite 2: Das Eingabefeld für das Suchen-Feld hat ein verknüpftes verstecktes Label. 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. |
9.1.3.2 Sinnvolle Reihenfolge | 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. |
9.1.3.3 Ohne Bezug auf sensorische Merkmale nutzbar | Seite 1, Seite 2, Seite 3: Textliche Verweise verzichten auf sensorische Merkmale wie Farbe, Form, Größe oder Position. |
9.1.3.4 Keine Beschränkung der Bildschirmausrichtung | 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. |
9.1.3.5 Eingabefelder zu Nutzerdaten vermitteln den Zweck | Seite 2: Eingabefelder, die sich auf den Nutzer selbst beziehen, bezeichnen den Zweck meistens über autocomplete-Attribute. |
9.1.4.1 Ohne Farben nutzbar | Seite 1, Seite 2, Seite 3: Für die Bedienung ist die Wahrnehmung von Farben ist nicht erforderlich. Ebenso für das Verständnis der Inhalte. Farben dienen ausschließlich optischen Optimierungen. |
9.1.4.10 Inhalte brechen um | 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. |
9.1.4.11 Kontraste von Grafiken und grafischen Bedienelementen ausreichend | Seite 1, Seite 2, Seite 3: Grafische Bedienelemente und deren Zustände haben nicht immer ausreichend Kontrast zu angrenzenden Farben. Die Seite verfügt jedoch über einen Kontrastumschalter. |
9.1.4.12 Textabstände anpassbar | 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. |
9.1.4.13 Eingeblendete Inhalte bedienbar | 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. |
9.1.4.3 Kontraste von Texten ausreichend | Seite 1, Seite 2, Seite 3: Die meisten Texte haben ausreichende Helligkeitskontraste. Die Seite verfügt auch über einen Kontrastschalter. |
9.1.4.4 Text auf 200 % vergrößerbar | 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. |
9.1.4.5 Verzicht auf Schriftgrafiken | Seite 1: Reine Schriftgrafiken werden nicht verwendet. An einigen Stellen kommt Schrift in einer Grafik vor diese ist aber stets durch begleitende Texte und/oder durch Altternativtexte ausgezeichnet. Seite 2, Seite 3: Schriftgrafiken werden nicht verwendet |
9.2.1.1 Ohne Maus nutzbar | 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. |
9.2.1.2 Keine Tastaturfalle | Seite 1, Seite 2, Seite 3: Es gibt keine Tastaturfallen. Alle wesentlichen Inhalte und Funktionen sind mit der Tastatur erreichbar. |
9.2.1.4 Tastatur-Kurzbefehle abschaltbar oder anpassbar | 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. |
9.2.2.1 Zeitbegrenzungen anpassbar | Seite 1, Seite 2, Seite 3: Zeitbegrenzungen sind nicht vorhanden. |
9.2.2.2 Bewegte Inhalte abschaltbar | Seite 1, Seite 2, Seite 3: Bewegte Inhalte sind nicht vorhanden. |
9.2.3.1 Verzicht auf Flackern | Seite 1, Seite 2, Seite 3: Die Seite enthält keine Elemente, die in einem Zeitraum von einer Sekunde häufiger als dreimal aufblitzen. |
9.2.4.1 Bereiche überspringbar | Seite 1, Seite 2, Seite 3: 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 verwendet. Es sind Sprunglinks vorhanden. Das CMS nutzt HTML5 Elemente zur Auszeichnung von Bereichen (header, nav, main, footer). Es werden folgende WAI-ARIA document landmarks verwendet: navigation. |
9.2.4.2 Sinnvolle Dokumenttitel | Seite 1, Seite 2, Seite 3: Der Dokumenttitel besteht aus mehreren 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. |
9.2.4.3 Schlüssige Reihenfolge bei der Tastaturbedienung | 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. |
9.2.4.4 Aussagekräftige Linktexte | Seite 1, Seite 2, Seite 3: Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig. |
9.2.4.5 Alternative Zugangswege | 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. |
9.2.4.6 Aussagekräftige Überschriften und Beschriftungen | Seite 1, Seite 2, Seite 3: Überschriften sind klar und aussagekräftig. Das Such-Feld ist als solches klar zu erkennen. |
9.2.4.7 Aktuelle Position des Fokus deutlich | Seite 1, Seite 2, Seite 3: Der Tastaturfokus entspricht in den meisten Fällen dem Mausfokus. |
9.2.5.1 Alternativen für komplexe Zeiger-Gesten | Seite 1, Seite 2, Seite 3: Für alle in Web-Inhalten implementierten komplexen Gesten gibt es alternative Eingabemöglichkeiten über einfache Zeiger-Gesten in den Umgebungen, die in die Prüfung gemäß Accessibility Baseline einbezogen sind. |
9.2.5.2 Zeigergesten-Eingaben können abgebrochen oder widerrufen werden | 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. |
9.2.5.3 Sichtbare Beschriftung Teil des zugänglichen Namens | 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. |
9.3.1.1 Hauptsprache angegeben | Seite 1, Seite 2, Seite 3: Die Hauptsprache der Webseite ist korrekt im HTML-Tag angegeben. |
9.3.2.1 Keine unerwartete Kontextänderung bei Fokus | Seite 1, Seite 2, Seite 3: Der Fokuserhalt führt nicht zu einer unerwarteten Kontextänderung. |
9.3.2.2 Keine unerwartete Kontextänderung bei Eingabe | 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 Formularfelder dynamisch erzeugt nach Formulareingaben. Es werden keine Inhaltsänderungen unterhalb des Elements, das sie auslöst, hervorgerufen. |
9.3.2.3 Konsistente Navigation | 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 soweit benötigt die Unternavigation eingebettet und der Fußbereich enthält auf allen Seiten Weiterführende Links. |
9.3.2.4 Konsistente Bezeichnung | Seite 1, Seite 2, Seite 3: Die Navigationsmechanismen und Funktionen, die innerhalb des Webauftritts wiederholt eingesetzt werden, sind stets einheitlich bezeichnet. |
9.3.3.1 Fehlererkennung | Seite 1, Seite 2, Seite 3: Bei den Feldern die auf Fehler geprüft werden, wird der Fehler in Textform beschrieben. |
9.3.3.2 Beschriftungen von Formularelementen vorhanden | Seite 1, Seite 3: Das einzige Formularfeld auf der Seite (die Suche) besitzt ein verstecktes Label. Seite 2: Das Suche-Feld für die Seitenweite Suche hat ein verknüpftes verstecktes Label. 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. |
9.3.3.3 Hilfe bei Fehlern | 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. |
9.4.1.1 Korrekte Syntax | 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. |
9.4.1.2 Name, Rolle, Wert verfügbar | 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. |
9.4.1.3 Statusmeldungen programmatisch verfügbar | Seite 2, Seite 3: Es werden keine Statusmeldungen generiert, die nicht den Fokus erhalten. |
11.7 Benutzerdefinierte Einstellungen | Seite 1, Seite 2, Seite 3: Die Seite wird im Firefox-Browser nach dem Vornehmen von abweichenden Einstellungen (z.B. heller Text auf dunklem Hintergrund) entsprechend anders dargestellt, Schriften erscheinen vergrößert und in der jeweils eingestellten Schrifttype. |