Erklärung zur Barrierefreiheit

Seite 1, Seite 2, Seite 3:
Alle grafischen Bedienelemente besitzen sinnvolle Alternativtexte.

Seite 1, Seite 2, Seite 3:
Alle informativen Grafiken und Bilder verfügen über sinnvolle Textalternativen.

Seite 2:
Die Texte werden durch Überschriften mit nativen HTML-Elementen gegliedert. Alle Inhalte der Seite sind über die Überschriften zugänglich. Werden gelegentlich Hierarchie-Ebenen ausgelassen, rechtfertigt sich dies durch die Gliederung der Inhalte.
Seite 3:
Der Inhaltsbereich der Seite hat 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:
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 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:
Sämtliche Datentabellen des Inhaltsbereiches 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 Datentabelle "Öffnungszeiten" 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 3:
Die Datentabelle für die Mitarbeiter 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 Datentabelle im Fussbereich 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 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 Wahrnehmung von Farben ist für die Bedienung oder das Verständnis der Inhalte nicht erforderlich.

Seite 1, Seite 2, Seite 3:
Informationstragende Grafiken und grafische Bedienelemente verfügen, sofern vorhanden, über ausreichende Kontrastwerte.

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:
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:
Texte haben ausreichende Helligkeitskontraste und ein Kontrastumschalter ist auch vorhanden.

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

Seite 1, Seite 2, Seite 3:
Die aktuelle Position ist stets durch den Tastaturfokus ersichtlich.In vielen Fällen ist lediglich der Systemcursor und Systemkranz sichtbar, diese verfügen jedoch über ausreichend Kontrast.

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 2:
Fremdwörter beziehen sich auf HTML-Elemente (Tags, Attribute usw.), diese wurden nicht ausgezeichnet. Andere Anderssprachige Wörter und Abschnitte sind nicht vorhanden.

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 einfache 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 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:
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 2:
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.

Seite 1:
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 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 2, Seite 3:
Die Seite ist mit Überschriften und Spalten strukturiert. Diese Struktur ist unabhängig von der Darstellung auf dem Bildschirm zugänglich und nutzbar.Es sind 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.

Seite 2:
Beschriftungen sind bei allen Formularelementen des Feedbackformulars 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. Das Formularfeld für die Seitenweite Suche besitzt ein verstecktes Label.

Seite 1, Seite 2, Seite 3:
Die Seite ist kein Autorenwerkzeug.

Seite 1, Seite 2, Seite 3:
Die Seite ist kein Autorenwerkzeug.

Seite 1, Seite 2, Seite 3:
Die Seite ist kein Autorenwerkzeug.

Seite 1, Seite 2, Seite 3:
Die Seite ist kein Autorenwerkzeug.

Seite 1, Seite 2, Seite 3:
Es wird kein technischer Support angeboten

Seite 1, Seite 2, Seite 3:
Es wird kein technischer Support angeboten

Seite 1, Seite 2, Seite 3:
Es wird kein technischer Support angeboten

Seite 1, Seite 2, Seite 3:
Die Website nutzt keine biometrischen Merkmale für die Nutzeridentifizierung oder die Steuerung.

Seite 1, Seite 2, Seite 3:
Es werden keine Dokumente konvertiert.

Seite 1, Seite 2, Seite 3:
Es wird keine Zwei-Wege-Sprachkommunikation angeboten.

Seite 1, Seite 2, Seite 3:
Es wird keine Textkommunikation in Echtzeit angeboten.

Seite 1, Seite 2, Seite 3:
Es wird keine Zwei-Wege-Kommunikation/Textkommunikation in Echtzeit angeboten.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine Echtzeit Textkommunikation an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine Echtzeit Textkommunikation an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine Echtzeit Textkommunikation an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine Zwei-Wege-Sprachkommunikation an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine Echtzeit Textkommunikation an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine Zwei-Wege-Sprachkommunikation an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine Zwei-Wege-Sprachkommunikation an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine Videotelefonie-Funktion an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine Videotelefonie-Funktion an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine aufgezeichneten Videos an.

Seite 1, Seite 2, Seite 3:
Die Webseite bietet keine aufgezeichneten Videos an.

Seite 1, Seite 2, Seite 3:
Auf der Webseite sind keine Videos vorhanden.

Seite 1, Seite 2, Seite 3:
Auf der Webseite sind keine Videos vorhanden.

Seite 1, Seite 2, Seite 3:
Auf der Webseite sind keine Videos vorhanden.

Seite 1, Seite 2, Seite 3:
Auf der Webseite sind keine Videos vorhanden.

Seite 1, Seite 2, Seite 3:
Auf der Webseite ist kein Videoplayer eingebunden.

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 3:
Anderssprachige Wörter und Abschnitte sind nicht vorhanden. Da die Seite mit aktuellen Meldungen befüllt wird, stellt diese Aussage eine Momentaufnahme dar.

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 Seite wird im Firefox-Browser nach dem Vornehmen von abweichenden Einstellungen (z.B. heller Text auf dunklem Hintergrund) entsprechend anders dargestellt, Schriften erscheinen in der jeweils eingestellten Schrifttype, jedoch nicht vergrößert.

Seite 1, Seite 2, Seite 3:
Die Barrierefreiheits-Funktion ist barrierefrei identifizierbar und aktivierbar. Die Anzeige der Sprunglinks wird etwas abgeschnitten.

Seite 2:
Das Eingabefeld für die Seiteweite Suche hat ein verknüpftes Label, dies wird jedoch mit dem für Screenreader ungeeignetem display:none versteckt. Die Stadtplansuche hat kein Label. Die Beschriftungen von Formularfeldern des Feedbackformulars 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 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:
Absätze sind teilweise mit p ausgezeichnet, bei den Teasertexten fehlt diese auszeichnung. Für Hervorhebungen wird meistens strong verwendet, an einer Stelle b. An mehreren Stellen werden leere Absätze genutzt um Absätze zu schaffen.Teasertexte sind nicht mit p ausgezeichnet. Es wird kein Text per CSS eingebunden.

Seite 1:
Die Bedienelemente "Drucken" und "nach oben" erscheinen nach den aktuellen Meldungen und vor "Wahlscheinantrag online". Im "Stadtplan finden" und "Sprache wählen" sowie "Energiebündel Kreis Eichstätt" kommen im Anschluss. Zum Schluss kommt der Fußbereich. Die Seitenweite Suche und die Bedienelemente zum Kontrast umschalten fehlen.
Seite 2, Seite 3:
Die Seitenweite Suche und die Bedienelemente zum Kontrast umschalten fehlen. Die Elemente "Im Stadtplan finden" und "Sprache wählen" sind weit unten auf der Seite, da derzeit außer deutsch keine andere Sprache auswählbar ist, keine negative Wertung.

Seite 1:
Die Bedienelemente "Drucken" und "nach oben" erscheinen nach den aktuellen Meldungen und vor "Wahlscheinantrag online". Im "Stadtplan finden" und "Sprache wählen" sowie "Energiebündel Kreis Eichstätt" kommen im Anschluss. Zum Schluss kommt der Fußbereich. Die Seitenweite Suche und die Bedienelemente zum Kontrast umschalten fehlen.
Seite 2, Seite 3:
Die Seitenweite Suche und die Bedienelemente zum Kontrast umschalten fehlen. Die Elemente "Im Stadtplan finden" und "Sprache wählen" sind weit unten auf der Seite, da derzeit außer deutsch keine andere Sprache auswählbar ist, keine negative Wertung.

Seite 1, Seite 2, Seite 3:
Die Barrierefreiheitsfunktionen sind nicht dokumentiert.

Seite 1, Seite 2, Seite 3:
Die Seite Erklärung zur Barrierefreiheit ist nicht barrierefrei.

Seite 1, Seite 2, Seite 3:
Die Grafiken im Bildwechsler haben keine leeren alt-Attribute.

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:
Die Texte werden durch Überschriften mit nativen HTML-Elementen gegliedert. Alle Inhalte der Seite sind über die Überschriften zugänglich. Werden gelegentlich Hierarchie-Ebenen ausgelassen, rechtfertigt sich dies durch die Gliederung der Inhalte. Die Hauptüberschrift "Aktuelles" ist nur mit p ausgezeichnet. Auf der linken und rechten Seite gibt es mehrere Überschriften ohne nachfolgenden Text, d.h. die Auszeichnung als Überschrift dient der Schriftgrößensteuerung. Für die Elemente zur Schriftgrößensteuerung und die Suche wird jeweils eine h4-Überschrift verwendet.

Seite 1, Seite 3:
Das Eingabefeld für die Seiteweite Suche hat ein verknüpftes Label, dies wird jedoch mit dem für Screenreader ungeeignetem display:none versteckt. Die Stadtplansuche hat kein Label.

Seite 1, Seite 2, Seite 3:
Die logische Reihenfolge der sichtbaren Seiteninhalte bleibt auch nach dem Abschalten von CSS erhalten. Am Seitenende werden ein versteckter Schalter "Schliessen" und das mobile Menü vorgelesen.

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

Seite 1, Seite 2, Seite 3:
Der Bildwechsler enthält Effekte die als Flackern gelten können. Auf der Seite befindet sich keine Schaltfläche, mit der man die Bewegung stoppen kann.

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