Erklärung zur Barrierefreiheit

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 eingestelten Schrifttype. Schriftgrößen werden angepasst.

Seite 1, Seite 2, Seite 3:
Die Barrierefreiheits-Funktionen sind auf der Seite Navigationhilfe https://www.taufkirchen-mucl.de/navigationshilfe-1 erläutert.

Seite 1, Seite 2, Seite 3:
Die Produkt-Dokumentation "Erklärung zur Barrierefreiheit" ist barrierefrei.

Seite 1, Seite 2, Seite 3:
Die Barrierefreiheits-Funktionen sind barrierefrei identifizierbar und aktivierbar.

Seite 1:
Alternativtexte immer vorhanden. Da die Seite dynamisch mit aktuellen Meldungen befüllt wird, stellt diese Aussage eine Momentaufnahme dar. Stand: 14.05.2020.Manche Alternativtexte werden allerdings vom System automatisch gesetzt und bedienen sich des Elementnamens. Bei gewissenhafter Pflege der Seite wird die Bewertung daher weiter Bestand haben.
Seite 2, Seite 3:
Alternativtexte sind immer vorhanden.

Seite 1, Seite 2, Seite 3:
Die Grafiken im Bildwechsler oben haben leere alt-Attribute.

Seite 2:
Das CAPTCHA ist nicht bildbasiert.

Seite 1:
Die Texte auf der Seite werden durch Überschriften mit nativen HTML-Elementen gegliedert. Alle Detail-Inhalte der Seite sind über die Überschriften zugänglich. Es werden bewusst Hierarchie-Ebenen ausgelassen, dies rechtfertigt sich durch die Gliederung und Position der Inhalte.
Seite 2:
Die Seite verwendet Überschriften vom Typ h1-h4. Alle Detail-Inhalte der Seite 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:
Listen inklusive Menüs sind stets mit den vorgesehenen HTML-Strukturelementen ausgezeichnet.

Seite 1:
Absätze werden mit dem p-Tag ausgezeichnet. Für Hervorhebungen wird strong und em verwendet. Es wird kein Text per CSS eingebunden.
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.

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

Seite 1:
Das einzige Eingabefeld der Seite (das Suche-Feld) hat ein verknüpftes verstecktes Label.
Seite 2:
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. Das Suche-Feld im Header hat ein verknüpftes verstecktes Label.
Seite 3:
Es gibt zwei Such-Felder. Das Feld für die Seitenweite Suche hat ein verknüpftes verstecktes Label, das Feld für die Mitarbeitersuche ist mit einem aussagekräftigen title-Attribut versehen.

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.

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 2:
Eingabefelder, die sich auf den Nutzer selbst beziehen, bezeichnen den Zweck über ein autocomplete-Attribut.

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:
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:
Die Icons im Headerbereich und bei den Seitenwerkzeugen verfügen mindestens über einen Kontrastwert von 5.25:1. Der niedrigste Wert 1.87:1 ergibt sich aus einer hellblauen Hintergrundfarbe (#3CC4F2) mit einem weißen Vordergrund (#FFFFFF). Alle Kontraste können über einen Kontrastumschalter geändert werden.

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:
Die meisten Texte haben ausreichende Helligkeitskontraste. Die meisten Überschriften haben einen zu geringen Kontrast von 2,3:1. Minimalanforderung ist 3:1. Auch die Linktexte haben einen zu geringen Kontrst von 2,3:1. Minimalanforderung hier ist 4,5:1. Es handelt sich um die Farbe hellblau (#21BAE7).Auch einige der Quick-Links unterhalb des Haupt-Textes haben einen zu geringen Kontrast. Dies sind der "Kalender" (1,7:1), "Anfahrt & Pläne" (3,4:1), "Ratsinformationssystem (2:1), sowie sämtliche Quick-Links beim Mouse-Over (2,9:1) Alle Kontraste können über einen Kontrastumschalter geändert werden.
Seite 2:
Die Texte haben ausreichende Helligkeitskontraste. Nur der Link zum E-Mail senden hat lediglich einen Kontrast von 2:1 bei einer Minimalanforderung von 4,5:1. Es handelt sich um die Farbe hellblau (#3CC4F2). Alle Kontraste können über einen Kontrastumschalter geändert werden.
Seite 3:
Die Links innerhalb der Tabelle haben einen zu geringen Kontrastwert von 1,69:1. Alle Kontraste können über einen Kontrastumschalter geändert werden.

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 2, Seite 3:
Bis auf das Gemeinde-Logo wird auf Schriftgrafiken verzichtet.

Seite 1, Seite 2, Seite 3:
Ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden.

Seite 1, Seite 2, Seite 3:
Es gibt keine Tastaturfallen.

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 zudem eine Schaltfläche, mit der man die Bewegung stoppen kann.

Seite 1, Seite 2, Seite 3:
Der Bildwechsler verwendet Effekte die als Flackern gelten könnten, aber es gibt einen Schalter zum Stoppen/Starten.

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:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig. Der in der Teaser-Darstellung verwendete Terminus "mehr lesen" 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. Die Beschriftung der Suche im Headerbereich ist verständlich.

Seite 1, Seite 2, Seite 3:
Der Tastaturfokus ist in der Regel gut zu erkennen.

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 Fremdwörter sind nicht vorhanden. Das Wort Language ist nicht ausgezeichnet.

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 Headerbereich 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:
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 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 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. Dieses Verhalten tritt nicht in der Suche der Mitarbeiterliste auf.

Seite 1:
Das einzige Formularfeld auf der Seite (die Suche) besitzt ein verstecktes Label.
Seite 2:
Beschriftungen sind bei allen Formularelementen vorhanden. Die Beschriftung der Formularelemente ist stets über dem zugehörigen Eingabefeld angeordnet.Die Beschriftung der einzigen Checkbox ist 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 3:
Es gibt zwei Such-Felder. Das Feld für die Seitenweite Suche hat ein verknüpftes verstecktes Label, das Feld für die Mitarbeitersuche hat ein aussagekräftiges title-Attribut.

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 3:
Wird ein Eingabefehler automatisch festgestellt, wird der Fehler in Textform beschrieben. Die erzeugte Fehlermeldung ist verständlich und gibt Hinweise, wie der Fehler zu korrigieren ist.

Seite 1, Seite 2, Seite 3:
Das Prüfergebnis des W3C-HTML-Validators ist nach Anwendung des "WCAG parsing only" Bookmarklet positiv.

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:
Die Seite verwendet eine Überschrift vom Typ h1 und eine vom Typ h4. Die Überschrift vom Typ h4 wird verwendet um die Schriftgröße zu steuern.

Seite 1:
Listen inklusive Menüs sind größtenteils mit den vorgesehenen HTML-Strukturelementen ausgezeichnet.

Seite 1:
Bei den aktuellen Nachrichten kommt Schrift in der Grafik vor, diese haben jedoch immer begleitenden Text und einen alternativen Textlink.

Seite 1, Seite 2, Seite 3:
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 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 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 2, Seite 3:
Es gibt auf der Seite keine informativen Grafiken.

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:
Es werden keine Tabellen eingesetzt.

Seite 1, Seite 2, Seite 3:
Komplexe Datentabellen sind nicht vorhanden, in einfachen Datentabellen sind Überschriften nicht zugeordnet.

Seite 1, Seite 2, Seite 3:
Es werden keine Layout-Tabellen eingesetzt.

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.

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.