Erklärung zur Barrierefreiheit

Der Zweckverband der Wasserversorgungsgruppe Sulzemoos/Arnbach ist bemüht, die Internetseite www.zwv-sulzemoos.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: www.zwv-sulzemoos.de
Prüfstelle: digiPublica, eine Marke der econix GmbH
Prüfer/in: Martin Werni, support@digipublica.de
Prüfdatum: 25.11.2019 - 28.11.2019

Ergebnis

3 von 3 Seiten nicht BITV-konform

Geprüfte Seiten

Seite 1: Startseite

Titel: Startseite
URL: www.zwv-sulzemoos.de
Ergebnis: nicht BITV-konform, 2 von 50 Anforderungen nicht erfüllt

Seite 2: Komplexes Kontaktformular

Titel: Eigentümerwechsel
URL: https://zwv-sulzemoos.de/eigentuemerwechsel
Ergebnis: nicht BITV-konform, 4 von 50 Anforderungen nicht erfüllt

Seite 3: Detailseite mit vielen Textpassagen und Bildern

Titel: Geschichte des Zweckverbandes
URL: https://zwv-sulzemoos.de/geschichte-des-zweckverbandes-1
Ergebnis: nicht BITV-konform, 2 von 50 Anforderungen nicht erfüllt

 

erfüllt sind 37 Prüfschritte:

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

Seite1, Seite2, Seite3:
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.

1.3.1b HTML-Strukturelemente für Listen

Seite1, Seite2, Seite3:
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.

1.3.1d Inhalte gegliedert

Seite1:
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.
Seite2:
Alle Absätze sind mit p ausgezeichnet jedes Eingabefeld ist gemeinsam mit seinem Label in einem Absatz, für Hervorhebungen im Text wird em verwendet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.
Seite3:
Alle Absätze sind mit p ausgezeichnet, Hervorhebungen im Text sind auf dieser Seite nicht vorhanden. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.

1.3.1e Datentabellen richtig aufgebaut

Seite1, Seite2, Seite3:
Die einzige Datentabelle (Öffnungszeiten) 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.

1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar

Seite2:
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. Logisch miteinander verbundene Gruppen von Formular-Elementen sind mithilfe von Überschriften sinnvoll strukturiert.

1.3.2a Sinnvolle Reihenfolge

Seite1, Seite2, Seite3:
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

Seite1, Seite2, Seite3:
Textliche Verweise verzichten auf sensorische Merkmale wie Farbe, Form, Größe oder Position.

1.3.4a Keine Beschränkung der Bildschirmausrichtung

Seite1, Seite2, Seite3:
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.

1.4.1a Ohne Farben nutzbar

Seite1, Seite2, Seite3:
Die Wahrnehmung von Farben ist für die Bedienung oder das Verständnis der Inhalte nicht erforderlich. Farben dienen lediglich optischen Optimierungen.

1.4.4a Text auf 200% vergrößerbar

Seite1, Seite2, Seite3:
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

Seite1, Seite2, Seite3:
Schriftgrafiken werden nicht verwendet.

1.4.10a Inhalte brechen um

Seite1, Seite2, Seite3:
Inhalte lassen sich bei einer Browserfensterbreite von 320 CSS-Pixeln ohne Verlust von Informationen oder Funktionalität und ohne horizontales Scrollen nutzen.

1.4.11a Kontraste von Grafiken und grafischen Bedienelementen ausreichend

Seite1, Seite2, Seite3:
Das einzige grafische Bedienelement (die Lupe der Suche) hat einen Kontrast von 6,6:1.

1.4.12a Textabstände anpassbar

Seite1, Seite2, Seite3:
Zeilen- Absatz- Wort- und Buchstaben-Abstände lassen sich von Nutzern auf folgende Werte einstellen, ohne dass Inhalte oder Funktionalitäten nicht mehr verfügbar sind: 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.13a Eingeblendete Inhalte bedienbar

Seite1, Seite2, Seite3:
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.

2.1.1a Ohne Maus nutzbar

Seite1, Seite3:
Auch ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden. Mit der Tabulator-Taste können alle Navigationspunkte, Links und Funktionen erreicht werden.
Seite2:
Auch ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden. Mit der Tabulator-Taste können alle wesentlichen Navigationspunkte, Links und Funktionen erreicht werden. Auch sämtliche Eingabefelder können über die Tabulator-Taste erreicht werden.

2.1.2a Keine Tastaturfalle

Seite1, Seite2, Seite3:
Es gibt keine Tastaturfallen. Alle wesentlichen Inhalte und Funktionen sind mit der Tastatur erreichbar.

2.1.4a Tastatur-Kurzbefehle abschaltbar oder anpassbar

Seite1, Seite2, Seite3:
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

Seite1, Seite2, Seite3:
Zeitbegrenzungen sind nicht vorhanden.

2.3.1a Verzicht auf Flackern

Seite1, Seite2, Seite3:
Die Seite enthält keine Elemente, die in einem Zeitraum von einer Sekunde häufiger als dreimal aufblitzen.

2.4.2a Sinnvolle Dokumenttitel

Seite1, Seite2, Seite3:
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.3a Schlüssige Reihenfolge bei der Tastaturbedienung

Seite1, Seite3:
Menüs, 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.
Seite2:
Menüs, Links und Objekte werden mit der Tabulatortaste in einer schlüssigen Reihenfolge angesteuert. Auch sämtliche Eingabefelder werden in der Reihenfolge der visuellen Anordnung erreicht. Die Tabulatorreihenfolge folgt generell der visuellen Anordnung auf dem Bildschirm von oben nach unten und von links nach rechts.

2.4.4a Aussagekräftige Linktexte

Seite1, Seite2, Seite3:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig.

2.4.5a Alternative Zugangswege

Seite1, Seite2, Seite3:
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

Seite1, Seite3:
Überschriften sind klar und aussagekräftig. Es sind keine Formularfelder vorhanden.
Seite2:
Überschriften sind klar und aussagekräftig und beschreiben den folgenden Inhaltsteil, Beschriftungen der Formularfelder sind ebenso aussagekräftig.

2.4.7a Aktuelle Position des Fokus deutlich

Seite1, Seite2, Seite3:
Der Tastaturfokus wird überall genau so deutlich hervorgehoben werden wie der Mausfokus.

2.5.2a Zeigergesten-Eingaben können abgebrochen oder widerrufen werden

Seite1, Seite2, Seite3:
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

Seite1, Seite2, Seite3:
Bei Bedienelementen mit Beschriftungen, die Text enthalten, enthält der zugängliche Name den sichtbaren Text.

3.1.1a Hauptsprache angegeben

Seite1, Seite2, Seite3:
Die Hauptsprache der Webseite ist korrekt im HTML-Tag angegeben.

3.2.1a Keine unerwartete Kontextänderung bei Fokus

Seite1, Seite2, Seite3:
Der Fokuserhalt führt nicht zu einer unerwarteten Kontextänderung.

3.2.2a Keine unerwartete Kontextänderung bei Eingabe

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

3.2.3a Konsistente Navigation

Seite1, Seite2, Seite3:
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.

3.2.4a Konsistente Bezeichnung

Seite1, Seite2, Seite3:
Die Navigationsmechanismen und Funktionen, die innerhalb des Webauftritts wiederholt eingesetzt werden, sind stets einheitlich bezeichnet.

3.3.1a Fehlererkennung

Seite2:
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.2a Beschriftungen von Formularelementen vorhanden

Seite2:
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.
Wenn Eingabefelder ein bestimmtes Eingabeformat vorgeben, wird dieses im Eingabefeld klar beschrieben.

3.3.3a Hilfe bei Fehlern

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

Seite1, Seite2, Seite3:
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 4 Prüfschritte:

Prüfschritt Kommentar
1.4.3a Kontraste von Texten ausreichend

Seite1:
Fast alle Texte haben ausreichende Helligkeitskontraste. Der Titel hat einen Kontrast von 3,7:1 bei einer Schriftgröße von 23px und teilweise Fettdruck. Der Notruf-Schriftzug rechts oben hat einen Kontrast von 4:1 (Schrift 356087 und Hintergrund C8D100) bei einer Schriftgröße von 14px und Fettdruck.
Seite2, Seite3:
Fast alle Texte haben ausreichende Helligkeitskontraste. Der Titel hat einen Kontrast von 3,7:1 bei einer Schriftgröße von 23px und teilweise Fettdruck. Der Notruf-Schriftzug rechts oben hat einen Kontrast von 4:1 (Schrift #356087 und Hintergrund #C8D100) bei einer Schriftgröße von 14px und Fettdruck, die gleichen Farben werden im Menü für den aktuellen Menüpunkt genommen.

2.2.2a Bewegte Inhalte abschaltbar

Seite1, Seite2, Seite3:
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.

2.4.1a Bereiche überspringbar

Seite1, Seite2, Seite3:
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.

4.1.2a Name, Rolle, Wert verfügbar

Seite1, Seite2, Seite3:
Es gibt eine Schaltfläche (Notrufe) die aufklappt. Diese hat kein href, dafür aber WAI-ARIA-Semantik. Ansonsten besitzen alle Links oder Schaltflächen "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.

nicht anwendbar sind 22 Prüfschritte:

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

Seite1, Seite2, Seite3:
Es werden keine Grafiken eingesetzt, die rein dem Layout dienen.

1.1.1d Alternativen für CAPTCHAs

Seite1, Seite2, Seite3:
Es werden keine CAPTCHAs eingesetzt.

1.2.1a Alternativen für Audiodateien und stumme Videos

Seite1, Seite2, Seite3:
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.

1.2.2a Aufgezeichnete Videos mit Untertiteln

Seite1, Seite2, Seite3:
Es werden keine Videoaufzeichnungen eingesetzt.

1.2.3a Audiodeskription oder Volltext-Alternative für Videos

Seite1, Seite2, Seite3:
Es werden keine Videoaufzeichnungen eingesetzt.

1.2.4a Videos (live) mit Untertiteln

Seite1, Seite2, Seite3:
Kein Einsatz von Live-Übertragungen.

1.2.5a Audiodeskription für Videos

Seite1, Seite2, Seite3:
Es werden keine Videoaufzeichnungen eingesetzt.

1.3.1c HTML-Strukturelemente für Zitate

Seite1, Seite2, Seite3:
Es werden keine Zitate auf der Seite veröffentlicht.

1.3.1f Zuordnung von Tabellenzellen

Seite1, Seite2, Seite3:
Komplexe Datentabellen sind nicht vorhanden, in der einzigen einfachen Datentabellen wird berechtigterweise auf Überschriften verzichtet.

1.3.1g Kein Strukturmarkup für Layouttabellen

Seite1, Seite2, Seite3:
Tabellen werden nicht für Layoutfunktionen verwendet.

1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar

Seite1, Seite3:
Auf der Seite werden keine Formulare verwendet.

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

Seite1, Seite3:
Es gibt keine Eingabefelder, die sich auf Daten des Nutzers beziehen.

1.4.2a Ton abschaltbar

Seite1, Seite2, Seite3:
Die Seite hat keine Tonelemente, die automatisch abgespielt werden.

2.5.1a Alternativen für komplexe Zeiger-Gesten

Seite1, Seite2, Seite3:
Die Seite enthält keine pfadbasierten Gesten oder Mehrpunkt Gesten.

2.5.4a Alternativen für Bewegungsaktivierung

Seite1, Seite2, Seite3:
Es gibt keine Funktionen, die über Gerätebewegung oder Benutzerbewegung ausgelöst werden können.

3.1.2a Anderssprachige Wörter und Abschnitte ausgezeichnet

Seite1, Seite2, Seite3:
Anderssprachige Wörter und Abschnitte sind nicht vorhanden.

3.2.2a Keine unerwartete Kontextänderung bei Eingabe

Seite1, Seite3:
Die Seite enthält keine Formularelemente.

3.3.1a Fehlererkennung

Seite1, Seite3:
Es gibt keine Formularfelder auf der Seite.

3.3.2a Beschriftungen von Formularelementen vorhanden

Seite1, Seite3:
Es gibt keine Formularfelder auf der Seite.

3.3.3a Hilfe bei Fehlern

Seite1, Seite3:Es gibt keine Formularfelder auf der Seite.

3.3.4a Fehlervermeidung wird unterstützt

Seite1, Seite2, Seite3:
Die Seite enthält keine Formulare für Transaktionen durch die Nutzer rechtlich bindende Verpflichtungen eingehen.

4.1.3a Statusmeldungen programmatisch verfügbar

Seite1, Seite2, Seite3:
Es werden keine Statusmeldungen auf der Seite erzeugt.

teilweise erfüllt ist 1 Prüfschritt:

Prüfschritt Kommentar
1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

Seite1, Seite3:
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.

nicht erfüllt sind 2 Prüfschritte:

Prüfschritt Kommentar
1.1.1a Alternativtexte für Bedienelemente

Seite1, Seite2, Seite3:
Das einzige grafische Bedienelement (die Lupe in der Suche) hat keinen Alternativtext.

1.1.1b Alternativtexte für Grafiken und Objekte

Seite1, Seite2, Seite3:
Die informativen Grafiken im Fußbereich (Telefon, Fax, Briefumschlag und Welt) haben keine Alternativtexte.

Feedback und Kontakt

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