Erklärung zur Barrierefreiheit

Seite 1:

Die Texte auf der Seite werden durch Überschriften mit nativen HTML-Elementen gegliedert, diese HTML-Strukturelemente (h1 bis h6) werden lediglich dazu eingesetzt die Schriftgröße zu steuern. Alle Detail-Inhalte der Seiten sind über die Überschriften zugänglich. Es werden bewusst Hierarchie-Ebenen ausgelassen, dies rechtfertigt sich durch die Gliederung und Position der Inhalte.
Seite 2, Seite 3:
Die Seite hat lediglich 2 Überschriften, diese HTML-Strukturelemente (h1 und h3) werden lediglich dazu eingesetzt die Schriftgröße zu steuern. Es werden bewusst Hierarchie-Ebenen ausgelassen, dies rechtfertigt sich durch die Gliederung und Position der Inhalte.

Seite 2, Seite 3:
Alle Listen inklusive der Menüs sind mit den vorgesehenen HTML-Strukturelementen für Listen ausgezeichnet. Es findet keine missbräuchliche Verwendung der HTML-Elemente für Listen statt.

Seite 1, Seite 2:
Alle Absätze sind mit p ausgezeichnet, für Hervorhebungen wird strong verwendet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden. Es gibt leere Paragraphen.
Seite 3:
Alle Absätze sind mit p ausgezeichnet, für Hervorhebungen wird em verwendet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.

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

Seite 3:
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.

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

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, Seite 3:
Es gibt nur ein grafisches Bedienelemente auf der Seite (die Lupe bei der Suche) Dieses Bedienelement und desen Zustände und haben einen Kontrast zu angrenzenden Farben von 21:1.

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:
Auch ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden. Mit der Tabulator-Taste können alle Navigationselemente, Links und Funktionen erreicht werden.
Seite 2:
Auch ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden. Mit der Tabulator-Taste können alle Navigationselemente, Links und Funktionen erreicht werden. Ebenso kann jeder einzelne Mitarbeiter und auch dessen EMail-Adresse mit der Tabulator-Taste erreicht werden.
Seite 3:

Auch ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden. Mit der Tabulator-Taste können alle Navigationselemente, Links und Funktionen erreicht werden. Ebenso kann jedes einzelne Feld des Kontaktformulars sowie der "Abschicken"-Button mit der Tabulator-Taste erreicht werden.

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:
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 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:
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 2:
Links, Mitarbeiter 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 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 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 2:
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 der Homepage der Stadt Dingolfing 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. Es sind keine Formularfelder vorhanden.
Seite 2:

Die beiden Überschriften sind klar und aussagekräftig. Es sind keine Formularfelder vorhanden.
Seite 3:
Überschriften sind klar und aussagekräftig und beschreiben den folgenden Inhaltsteil, Beschriftungen der Formularfelder sind sinngebend.

Seite 1, Seite 2, Seite 3:
Der Tastaturfokus wird überall mindestens genau so deutlich hervorgehoben werden wie der Mausfokus. An vielen Stellen wird der Tastaturfokus sogar noch deutlicher hervorgehoben, indem der Link eingerahmt wird.

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 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.

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 3:
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 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.

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:
Es gibt keine Links oder Schaltflächen ohne "href". Es gibt keine selbstgebauten Widgets.
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 immer vorhanden. Die Alternativtexte werden vom System automatisch gesetzt und bedienen sich des Elementnamens im CMS. Die einzelnen Alternativtexte könnten manchmal etwas aussagekräftiger sein.

Seite 1:
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 1, Seite 2:
Die meisten Texte haben ausreichende Helligkeitskontraste. Einige wenige Schriften haben einen zu geringen Helligkeitskontrast, dies ist im Hauptmenü beim aktuellen Navigationspunkt und beim Mouse-Over die Farbe A68C49 im Kontrast mit und FFFFFF (weiß), was ein Kontrast von 3,2:1 ergibt. Außerdem hat die Schrift in den Seitenwerkzeugen einem Kontrast von 3,1:1 und die Schrift in der Schriftgrößeneinstellung einen Kontrast von 1,3:1.
Seite 3:
Die meisten Texte haben ausreichende Helligkeitskontraste. Einige wenige Schriften haben einen zu geringen Helligkeitskontrast, dies ist im Hauptmenü beim Mouse-Over die Farbe A68C49 im Kontrast mit FFFFFF (weiß), was ein Kontrast von 3,2:1 ergibt. Außerdem hat die Schrift in den Seitenwerkzeugen einem Kontrast von 3,1:1 und die Schrift in der Schriftgrößeneinstellung einen Kontrast von 1,3:1.

Seite 2, Seite 3:
Für wichtige Texte deren Beschriftung gelesen werden muss, werden Schriftgrafiken verwendet. Es handelt sich hier um die 3 Schaltflächen in der Linken Spalte: Caprima, Museum Dingolfing und Stadthalle Dingolfing.

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 werden sinnvolle Bereichsüberschriften mit HTML-Strukturelementen h1-h4 verwendet.
Es sind keine 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 durch Spalten strukturiert. Diese Struktur ist unabhängig von der Darstellung auf dem Bildschirm zugänglich und nutzbar. Es werden 2 Bereichsüberschriften mit HTML-Strukturelementen h1 und h3 verwendet.
Es sind keine 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 3:
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 gibt auf der Seite keine informativen Grafiken.

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 3:
Es werden auf dieser Seite keine Tabellen eingesetzt.

Seite 1, Seite 3:
Komplexe Datentabellen sind nicht vorhanden.
Seite 2:
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 2:
Auf der Seite werden keine Formulare verwendet.

Seite 1, Seite 2:
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:
Es gibt keine zusätzliche Inhalte, die mittels Zeiger- oder Tastaturfokussierung eingeblendet 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:
Die Seite enthält keine Formularelemente.

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

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

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

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

Seite 1:
Die meisten Bedienelemente, die sich selbst beschriften (Links innerhalb der Teaser) haben den Beschriftungstext nicht in der gleichen Form im zugänglichen Namen.
Seite 2:
Bei Bedienelementen mit Beschriftungen, die Text enthalten, enthält der zugängliche Name in den meisten Fällen den sichtbaren Text, bei den Mitarbeiternamen sogar noch zusätzliche Information. Alle gängigen Screenreader kommen mit dieser Konstellation gut zurecht, siehe https://www.deque.com/blog/text-links-practices-screen-readers/
Seite 3:
Bei Bedienelementen mit Beschriftungen, die Text enthalten, enthält der zugängliche Name in den meisten Fällen den sichtbaren Text. Alle gängigen Screenreader kommen mit dieser Konstellation gut zurecht, siehe https://www.deque.com/blog/text-links-practices-screen-readers/

Seite 3:
Das eingesetzte CAPTCHA ist 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 3:
Für wichtige Texte deren Beschriftung gelesen werden muss, werden Schriftgrafiken verwendet. Es handelt sich hier um die 3 Schaltflächen in der Linken Spalte: Caprima, Museum Dingolfing und Stadthalle Dingolfing.