Erklärung zur Barrierefreiheit

Seite 2:
Die informativen Grafiken im Hauptteil (Pflichtfeldkennzeichnung) haben einen Alternativtext. Bei den informativen Grafiken im Footer wird eine Textalternative über ein aria-label bereitgestellt. Das Icon selbst wird mit einer geeigneten Technik für Screenreader versteckt (aria-hidden="true").
Seite 3:
Bei den informativen Grafiken im Footer wird eine Textalternative über ein aria-label bereitgestellt. Das Icon selbst wird mit einer geeigneten Technik für Screenreader versteckt (aria-hidden="true").

Seite 2:
Es wird kein bildbasiertes CAPTCHAs auf dieser Seite eingesetzt. Statt Nutzer vor eine auf visuellen, auditiven oder logischen Zusammenhängen beruhende Aufgabe zu stellen, umfasst das neustes reCAPTCHA lediglich eine einfache Check-Box. Setzt ein Nutzer ein Häkchen bei „Ich bin kein Roboter“ prüft die Software im Hintergrund, mit welcher Wahrscheinlichkeit es sich eine automatische Eingabe handelt. Dabei wird auf eine fortgeschrittene Risikoanalyse gesetzt.

Seite 2, Seite 3:
Alle Inhalte der Seite sind über die Überschriften zugänglich.

Seite 1:
Es gibt auf der Seite Teaserdarstellungen. Diese Teaser sind meist sehr kurz und enthalten maximal einen Absatz. Dieser ist aus diesem Grund nicht mit p ausgezeichnet. Für Hervorhebungen wird em verwendet. Eine missbräuchliche Nutzung von typografischen Zeichen wurde nicht festgestellt. Relevante Inhalte werden nicht über die Content-Eigenschaft eingebunden.
Seite 2, Seite 3:
Es sind alle Absätze mit dem Strukturelement p ausgezeichnet. Für Hervorhebungen wird em verwendet. Eine missbräuchliche Nutzung von typografischen Zeichen wurde nicht festgestellt. Relevante Inhalte werden nicht über die Content-Eigenschaft eingebunden.

Seite 3:
Die Datentabelle im Hauptteil ist 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 Tabelle "Öffnungszeiten" im Footer 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 2:
Das Suche-Feld hat ein verknüpftes verstecktes Label.Die Beschriftungen des Kontaktformulars 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 (das Suche-Feld) hat ein verknüpftes verstecktes Label.

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, 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 Funktionalität oder Informationen oder Funktionalität nutzen. Ein horizontales Scrollen ist ebenfalls nicht nötig.

Seite 1, Seite 2, Seite 3:
Grafische Bedienelemente und deren Zustände und haben einen Kontrast zu angrenzenden Farben von 3:1 oder besser.

Seite 1, Seite 2:
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 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 ausschliesslich optischen Optimierungen.

Seite 1, Seite 2, Seite 3:
Schriftgrafiken werden nicht verwendet.

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 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:
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 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:
Überschriften sind klar und aussagekräftig. Da die Seite dynamisch mit aktuellen Meldungen befüllt wird, stellt diese Aussage eine Momentaufnahme dar.Die Überschriften kommen dabei jeweils gemeinsam mit den Artikeln ins System und auf die Seite.Da die Seite gewissenhaft gepflegt wird, kann davon ausgegangen werden, dass die Bewertung weiter Bestand hat.
Seite 2:
Überschriften sind klar und aussagekräftig und beschreiben den folgenden Inhaltsteil, Beschriftungen der Formularfelder sind sinngebend.
Seite 3:
Der Seiteninhalt besteht hauptsächlich aus einer Tabelle. Diese Tabelle ist strukturell richtig aufgebaut, die Überschriften sind mit dem Tag <th> ausgezeichnet, und sind im Zusammenhang mit den durch sie strukturierten Inhalten 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:
Nutzereingaben in dem einzigen Formularfeld (Suche) 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.
Seite 2:
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.
Seite 3:
Nutzereingaben in den beiden 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.

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 2:
Wenn das Formular Fehlermeldungen erzeugt, werden die fehlerhaft ausgefüllten Felder identifiziert und der Fehler wird in Textform beschrieben. Nach Korrektur der Eingaben und erneutem Abschicken des Formulars verschwinden die zuvor angezeigten Fehlermeldungen.

Seite 1:
Das einzige Formularfeld auf der Seite (die Suche) besitzt ein verstecktes Label.
Seite 3:
Das einzige Formularfeld im Header besitzt ein verstecktes Label und das Suchfeld für die Mitarbeiter besitzt einen aussagekräftigen Titel.

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 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 1, Seite 2, Seite 3:
Alternativtexte sind bis auf eine Ausnahme (Lupe im Suchformular) vorhanden. Die Alternativtexte werden vom System automatisch gesetzt und bedienen sich des Elementnamens. Die Mitarbeiter werden daher dazu angehalten 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 daher oft wesentlich höher als bei älteren.

Seite 1:
Bei den informativen Grafiken im Footer wird eine Textalternative über ein aria-label bereitgestellt. Das Icon selbst wird mit einer geeigneten Technik für Screenreader versteckt (aria-hidden="true"). In der Seitenleiste haben die meisten informativen Grafiken einen Alternativtext.

Seite 1:
Alle Inhalte der Seite sind über die Überschriften zugänglich. Es fehlt aber eine Hauptüberschrift (etwa Aktuelles oder News aus Maisach).

Seite 1, Seite 2, Seite 3:
Bis auf eine Ausnahme sind alle Listen mit den dafür vorgesehenen Strukturelementen ausgezeichnet. Im Footer gibt es eine Linkgruppe mit mehr als drei Elementen, welche nicht als Liste ausgezeichnet ist. Eine missbräuchliche Verwendung des Listen-Elements wurde nicht festgestellt.

Seite 2:
Eingabefelder, die sich auf den Nutzer selbst beziehen, bezeichnen den Zweck über autocomplete-Attribute, abgesehen von der Anrede (Radio-Box).

Seite 3:
Bei Fensterbreiten zwischen 420px und 700px kommt es zu Textüberschneidungen. Sonst gibt es keine Einschränkungen bei der Darstellung der Inhalte und Funktionalitäten.

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

Seite 1, Seite 2, Seite 3:
Der Text kann mit der Zoom-Funktion des Browsers und vom CMS zur Verfügung gestellten Mitteln um bis zu 200 Prozent vergrößert werden, ohne dass dabei Inhalt oder Funktionalität verloren geht. Es kommt aber zu Überschneidungen von Textinhalten.

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:
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 Navigation und der Hauptbereich können per Sprunglink erreicht werden und sind neben anderen Bereichen mit WAI ARIA document landmarks ausgezeichnet. Die wesentlichen Bereiche (Hauptbereich und Veranstaltungen) sind zudem mit Überschriften versehen. Es gibt keine HTML5 Bereichsauszeichnungen.
Seite 2:
Der Hauptbereich kann per Sprunglink erreicht werden, ist mit einer Überschrift versehen und ist neben anderen Bereichen mit WAI ARIA document landmarks ausgezeichnet. Es gibt jedoch keine HTML5 Bereichsauszeichnungen.
Seite 3:
Die Navigation und der Hauptbereich können per Sprunglink erreicht werden und sind neben anderen Bereichen mit WAI ARIA document landmarks ausgezeichnet. Der Hauptbereich hat eine Bereichsüberschrift. Es gibt keine HTML5 Bereichsauszeichnungen.

Seite 1, Seite 2, Seite 3:
Links und Objekte werden mit der Tabulatortaste überwiegend 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 wird in den meisten Fällen genau so deutlich hervorgehoben wie der Mausfokus

Seite 3:
Bei Bedienelementen mit Beschriftungen, die Text enthalten, enthält der zugängliche Name in den meisten Fällen den sichtbaren Text. Von diesem Test ausgenommen sind die Elemente der Mitarbeitertabelle, da diese durch mehrere sichtbare Elemente beschriftet sind.
Seite 1, Seite 2:
Bei Bedienelementen mit Beschriftungen, die Text enthalten, enthält der zugängliche Name in den meisten Fällen den sichtbaren Text.

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:
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:
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:
Das Formularfeld auf der Seite benötigt keine Fehlerbehandlung.
Seite 3:
Die beiden Formularfelder auf der Seite benötigen keine Fehlererbehandlung.

Seite 1, Seite 3:
Es gibt beim einzigen Formularfeld auf der Seite (Suchfeld im Header) keine Fehlerbehandlung.

Seite 1, Seite 2, Seite 3:
Die Seite enthält keine Formulare für Transaktionen durch die Nutzer rechtlich bindende Verpflichtungen eingehen.

Seite 2:
Es werden keine Statusmeldungen generiert, die nicht den Focus erhalten.
Seite 1, Seite 3:
Es werden keine Statusmeldungen auf der Seite erzeugt.