Erklärung zur Barrierefreiheit

Die Gemeinde Bindlach ist bemüht, die Internetseite https://www.bindlach.de/ barrierefrei zugänglich zu machen. Rechtsgrundlage sind das Behindertengleichstellungsgesetz (BGG) und die Barrierefreie Informationstechnik-Verordnung (BITV 2.0) in ihrer jeweils gültigen Fassung.

Die Seite wurde mit Hilfe des BITV-Tests geprüft:

Prüfung

Standard: BITV 2.0 / EN 301 549
Startadresse: https://www.bindlach.de/
Prüfstelle: digiPublica, eine Marke der econix GmbH
Prüfer/in: Jörg Gleixner und Tim Braun, support@digipublica.de
Prüfdatum: 22.09.2020 - 24.09.2020

Ergebnis

3 von 3 Seiten nicht BITV-konform

Geprüfte Seiten

Seite 1:

Titel: Gemeinde Bindlach - Startseite
URL: https://www.bindlach.de/
Ergebnis: nicht konform, 17 von 60 Anforderungen nicht erfüllt

Seite 2:

Titel:  Gemeinde Bindlach - Kontakt
URL: https://www.bindlach.de/Kontaktformular
Ergebnis: nicht konform, 14 von 60 Anforderungen nicht erfüllt

Seite 3:

Titel:  Gemeinde Bindlach - Kinderbetreuung
URL: https://www.bindlach.de/Kinderbetreuung.n56.html
Ergebnis: nicht konform, 13 von 60 Anforderungen nicht erfüllt

 

Bewertung und Anmerkungen zu einzelnen Prüfschritten

erfüllt sind 30 Prüfschritte:

Prüfschritt Kommentar
1.3.1a HTML-Strukturelemente für Überschriften

Seite 2:
Die Inhalte der Seite sind über die Überschriften zugänglich.

1.3.1b HTML-Strukturelemente für Listen

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

1.3.1d Inhalte gegliedert

Seite 2:
Absätze sind mit p ausgezeichnet, für Hervorhebungen im Text wird strong bzw. em verwendet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.
Seite 3:
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.

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

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

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

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

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

1.4.1a Ohne Farben nutzbar

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.

1.4.3a Kontraste von Texten ausreichend

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

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

1.4.5a Verzicht auf Schriftgrafiken

Seite 2, Seite 3:
Schriftgrafiken werden nicht verwendet.

2.1.2a Keine Tastaturfalle

Seite 2, Seite 3:
Es gibt keine Tastaturfallen. Alle wesentlichen Inhalte und Funktionen sind mit der Tastatur erreichbar.

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

2.2.1a Zeitbegrenzungen anpassbar

Seite 1, Seite 2, Seite 3:
Zeitbegrenzungen sind nicht vorhanden

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

2.4.2a Sinnvolle Dokumenttitel

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.

2.4.4a Aussagekräftige Linktexte

Seite 1:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig. Der in der Teaser-Darstellung verwendete Terminus "weiterlesen" 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.

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

2.4.6a Aussagekräftige Überschriften und Beschriftungen

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, Beschriftungen sind nicht vorhanden.

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

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

3.1.1a Hauptsprache angegeben

Seite 1, Seite 2, Seite 3:
Die Hauptsprache der Webseite ist korrekt im HTML-Tag angegeben.

3.2.1a Keine unerwartete Kontextänderung bei Fokus

Seite 1, Seite 2, Seite 3:
Der Fokuserhalt führt nicht zu einer unerwarteten Kontextänderung.

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

3.2.3a Konsistente Navigation

Seite 1, Seite 2, Seite 3:
Navigationsmechanismen und Menüeinträge in verschiedenen Bereichen des Webauftritts sind gleich angeordnet und gestaltet. In einer linken Spalte ist immer die Navigation eingebettet und der Fußbereich enthält auf allen Seiten Weiterführende Links.

3.2.4a Konsistente Bezeichnung

Seite 1, Seite 2, Seite 3:
Die Navigationsmechanismen und Funktionen, die innerhalb des Webauftritts wiederholt eingesetzt werden, sind stets einheitlich bezeichnet.

3.3.1a Fehlererkennung

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

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

4.1.1a Korrekte Syntax

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.

eher erfüllt sind 2 Prüfschritte:

Prüfschritt Kommentar
1.3.1e Datentabellen richtig aufgebaut

Seite 3:
Die Datentabellen sind strukturell richtig aufgebaut, Zeilenü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.Zu bemängeln ist, dass bei einigen Tabellen eine Zeile als Abstandhalter missbraucht wird und bei allen Tabellen das summary-Attribut verwendet wird.

2.4.1a Bereiche überspringbar

Seite 1:
Die Seite wird mittels Aria document landmarks erschlossen. Allerdings gibt es die Rolle 'complementary' zweimal ohne Unterscheidung.Es gibt keine Bereichsüberschriften im Hauptteil. Sprunglinks werden bei Fokuserhalt nicht eingeblendet.
Seite 2, Seite 3:
Die Seite wird mittels Aria document landmarks erschlossen. Im Hauptteil und im Footer werden sinnvolle Überschriften verwendet.Sprunglinks werden bei Fokuserhalt nicht eingeblendet.

nicht anwendbar sind 17 Prüfschritte:

Prüfschritt Kommentar
1.1.1c Leere alt-Attribute für Layoutgrafiken

Seite 1, Seite 2, Seite 3:
Es werden keine Grafiken eingesetzt, die rein dem Layout dienen.

1.1.1d Alternativen für CAPTCHAs

Seite 1, Seite 3:
Es werden keine CAPTCHAs auf dieser Seite eingesetzt.

1.2.2a Aufgezeichnete Videos mit Untertiteln

Seite 1, Seite 2, Seite 3:
Es sind keine aufgezeichneten Videos vorhanden.-

1.2.3a Audiodeskription oder Volltext-Alternative für Videos

Seite 1, Seite 2, Seite 3:
Das Video, das im Hintergrund abläuft, hat keine Tonspur.

1.2.4a Videos (live) mit Untertiteln

Seite 1, Seite 2, Seite 3:
Es sind keine Live-Übertragungen vorhanden.

1.2.5a Audiodeskription für Videos

Seite 1, Seite 2, Seite 3:
Das Video, das im Hintergrund abläuft, hat keine Tonspur.

1.3.1c HTML-Strukturelemente für Zitate

Seite 1, Seite 2, Seite 3:
Es werden keine Zitate auf der Seite veröffentlicht.

1.3.1e Datentabellen richtig aufgebaut

Seite 1, Seite 2:
Datentabellen sind nicht vorhanden.

1.3.1f Zuordnung von Tabellenzellen

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

1.3.1g Kein Strukturmarkup für Layouttabellen

Seite 1, Seite 2, Seite 3:
Tabellen werden nicht für Layoutfunktionen verwendet.

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

Seite 1, Seite 3:
Es gibt keine Eingabefelder, die sich auf Daten des Nutzers beziehen.

1.4.13a Eingeblendete Inhalte bedienbar

Seite 1, Seite 2, Seite 3:
Es gibt keine zusätzliche Inhalte, die mittels Zeiger- oder Tastaturfokussierung eingeblendet werden.

1.4.2a Ton abschaltbar

Seite 1, Seite 2, Seite 3:
Die Seite hat keine Tonelemente, die automatisch abgespielt werden.

2.5.1a Alternativen für komplexe Zeiger-Gesten

Seite 1, Seite 2, Seite 3:
Die Seite enthält keine pfadbasierten Gesten oder Mehrpunkt Gesten.

2.5.4a Alternativen für Bewegungsaktivierung

Seite 1, Seite 2, Seite 3:
Es gibt keine Funktionen, die über Gerätebewegung oder Benutzerbewegung ausgelöst werden können.

3.3.4a Fehlervermeidung wird unterstützt

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

4.1.3a Statusmeldungen programmatisch verfügbar

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

teilweise erfüllt sind 8 Prüfschritte:

Prüfschritt Kommentar
1.1.1a Alternativtexte für Bedienelemente

Seite 1, Seite 2, Seite 3:
Die Bedienelemente zum Öffnen und Schließen von Untermenüs in der Navigationsleiste haben keinen Alternativtext. Das gilt auch für die Schalter für "Drucken" und "nach oben". Sonstige grafische Bedienelemente haben sinnvolle Alternativtexte.

1.1.1b Alternativtexte für Grafiken und Objekte

Seite 2:
Teilweise haben die informativen Grafiken keine Alternativtexte (Adresseangaben im Footer).

1.3.1a HTML-Strukturelemente für Überschriften

Seite 3:
Die Seiteninhalte sind teilweise duch Überschriften erschlossen. Im Haupteil sind die hervorgehobenen Titel der Adressen nicht als Überschriften ausgezeichnet.

1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar

Seite 2:
Die Elemente des Kontaktformulars sind korrekt verknüpft. Das Eingabefeld für die Suche ist nicht beschriftet. Es hat kein title-Attribut oder aria-label-Attrbut und das Label ist mit display:none versteckt.

1.4.11a Kontraste von Grafiken und grafischen Bedienelementen ausreichend

Seite 1, Seite 2, Seite 3:
Die Bedienelemente für Suche und Auf- / Zuklappen der Menüs sowie Drucken und "Nach oben" haben einen zu geringen Kontrast zur Hintergrundfarbe.

2.1.1a Ohne Maus nutzbar

Seite 2, Seite 3:
Auch ohne Maus können alle wesentlichen Funktionen und Inhalte auch die Cookie-Einstellungen genutzt werden. Mittels Tastatur lassen sich die Untermenüs der Navigation nicht öffnen.

2.4.3a Schlüssige Reihenfolge bei der Tastaturbedienung

Seite 1:
Etwas verwirrend ist, dass das Suchfeld den ersten Fokus erhält, dann kommen die Sprunglinks und jetzt der Seitenanfgang. Bis zur Tastaturfalle (s. 2.1.2a) ist die Fokusreihenfolge erwartungsgemäß.

3.3.2a Beschriftungen von Formularelementen vorhanden

Seite 2:
Das Suche-Feld muss als nicht beschriftet angesehen werden (kein title-Attribut, kein aria-label-Attribut, ein mit display: none verstecktes Label. Alle andere Formularfelder sind sinnvoll beschriftet.

nicht erfüllt sind 17 Prüfschritte:

Prüfschritt Kommentar
1.1.1b Alternativtexte für Grafiken und Objekte

Seite 1, Seite 3:
Die informativen Grafiken im Fussbereich (Icons vor Adressedaten) haben keinen Alternativtext.

1.1.1d Alternativen für CAPTCHAs

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

1.2.1a Alternativen für Audiodateien und stumme Videos

Seite 1, Seite 2, Seite 3:
Das stumme Video, das im Hintergrund läuft, hat keine Medienalternative.

1.3.1a HTML-Strukturelemente für Überschriften

Seite 1:
Es fehlen Bereichsüberschriften wie z. B. "Aktuelles aus Bindlach" für die Inhalte im Hauptteil, "Termine" für den Inhalt der linken Spalte unterhalb der Navigation.

1.3.1d Inhalte gegliedert

Seite 1:
Die Teasertexte sind nicht mit dem p-Tag ausgezeichnet.

1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar

Seite 1, Seite 3:
Das Eingabefeld für die Suche ist nicht beschriftet. Es hat kein title-Attribut oder aria-label-Attrbut und das Label ist mit display:none versteckt.

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

Seite 2:
Eingabefelder, die sich auf den Nutzer selbst beziehen, haben keine Bezeichnung des Zwecks, etwa über das autocomplete-Attribut.

1.4.5a Verzicht auf Schriftgrafiken

Seite 1:
Für die "Herzliche Willkommen"-Botschaft wird ein Bild mit Text verwendet.

2.1.1a Ohne Maus nutzbar

Seite 1:
Man kann mit der Tab-Taste nicht auf Punkte gelangen, die hinter dem share-Button platziert sind. Mittels Tastatur lassen sich die Untermenüs der Navigation nicht öffnen.

2.1.2a Keine Tastaturfalle

Seite 1:
Man kann mit der Tab-Taste nicht auf Punkte gelangen, die hinter dem share-Button platziert sind.

2.2.2a Bewegte Inhalte abschaltbar

Seite 1, Seite 2, Seite 3:
Das Backgroundvideo läßt sich nicht mit Mitteln beenden, die das CMS zur Verfügung stellt. (Das Abspielen von Videos kann im Browser unterbunden werden.)

2.4.3a Schlüssige Reihenfolge bei der Tastaturbedienung

Seite 2, Seite 3:
Etwas verwirrend ist, dass das Suchfeld den ersten Fokus erhält, dann kommen die Sprunglinks und jetzt der Seitenanfgang. Die Fokusreihenfolge der sichtbaren Elemente ist erwartungsgemäß. Die eingeblendeten Cookie-Einstellungen erhalten nicht gleich den Fokus.

2.4.7a Aktuelle Position des Fokus deutlich

Seite 1:
Versteckte Sprunglinks werden bei Fokuserhalt nicht sichtbar. Bilder und einige Links (weiterlesen) werden bei Fokuserhalt nicht hervorgehoben.
Seite 2, Seite 3:
Versteckte Sprunglinks werden bei Fokuserhalt nicht sichtbar. Bilder (auch Suche- Print- und Nach-Oben-button) werden bei Fokuserhalt nicht hervorgehoben.

3.1.2a Anderssprachige Wörter und Abschnitte ausgezeichnet

Seite 1:
Die Wörter funcourt und webcam sind nicht mit dem lang-Attribut ausgezeichnet.
Seite 2, Seite 3:
Das Wort webcam ist nicht mit dem lang-Attribut ausgezeichnet.

3.3.2a Beschriftungen von Formularelementen vorhanden

Seite 1, Seite 3:
Das einzige Formularfeld auf der Seite (die Suche) muss als nicht beschriftet angesehen werden (kein title-Attribut, kein aria-label-Attribut, ein mit display: none verstecktes Label).

4.1.1a Korrekte Syntax

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

4.1.2a Name, Rolle, Wert verfügbar

Seite 1, Seite 2, Seite 3:
Die Schalter zum Auf- und Zuklappen der Unternavigation sind mit nicht semantischen HTML-Elementen realisiert und die Semantik wird auch nicht mittels aira-Attributen nachgebildet.

Feedback und Kontakt

Sind Ihnen Mängel beim barrierefreien Zugang zu Inhalten von https://www.bindlach.de/ aufgefallen?
Dann können Sie sich gerne bei uns melden. Bitte benutzen Sie dafür das vorgesehene Feedback-Formular.