Erklärung zur Barrierefreiheit

Die Gemeinde Adlkofen ist bemüht, die Internetseite https://www.adlkofen.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.adlkofen.de/
Prüfstelle: digiPublica, eine Marke der econix GmbH
Prüfer/in: Tim Braun, support@digipublica.de
Prüfdatum: 30.06.2020 - 01.07.2020

Review

Reviewer: Tim Braun, Jörg Gleixner
Reviewdatum: 24.07.2020

Ergebnis

3 von 3 Seiten nicht BITV-konform

Geprüfte Seiten

Seite 1: Startseite

Titel: Adlkofen - Startseite
URL: https://www.adlkofen.de/
Ergebnis: nicht konform, 6 von 60 Anforderungen nicht erfüllt

Seite 2: Ortsplan

Titel:  Adlkofen - Ortsplan
URL: https://www.adlkofen.de/umgebungskarte?app=mapappv3
Ergebnis: nicht konform, 9 von 60 Anforderungen nicht erfüllt

Seite 3: Kontaktformular

Titel:  Adlkofen - Kontakt
URL: https://www.adlkofen.de/index.php?id=0,7
Ergebnis: nicht konform, 7 von 60 Anforderungen nicht erfüllt

 

Bewertung und Anmerkungen zu einzelnen Prüfschritten

erfüllt sind 34 Prüfschritte:

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

Seite 2:
Alle Inhalte sind über die Überschriften zugänglich. Die Überschrift über dem Hauptteil ist aussagekräftig.
Seite 3:
Alle Inhalte sind über die Überschriften zugänglich.

1.3.1b HTML-Strukturelemente für Listen

Seite 1, Seite 2, Seite 3:
Sämtliche Listen (auch innerhalb der einzelnen Menüs) sind mit den gegebenen Elementen der HTML-Struktur bzgl. Listen ausgezeichnet. Die Listen-Elemente werden an keiner Stelle missbräuchlich verwendet.

1.3.1e Datentabellen richtig aufgebaut

Seite 1, Seite 2, Seite 3:
Die Tabelle im Footer verzichtet auf Überschriften, da sich die Bedeutung der Daten leicht aus der Überschrift und dem Inhalt erschließt.

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 von Funktionalität oder Informationen 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.13a Eingeblendete Inhalte bedienbar

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.

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:
Alle Texte haben ausreichende Helligkeitskontraste.

1.4.4a Text auf 200% vergrößerbar

Seite 1, Seite 2, Seite 3:
Bei Verwendung des Browser-Zooms kann Text um bis zu 200 Prozent vergrößert werden, ohne dass dabei Inhalt oder Funktionalität verloren geht. Bei Vergrößerungen mit dem Schriftgrößen-Tool der Webseite oder des Browser-Zooms im nur-Text-Modus kommt es zu Überlappungen im Header und im Seitenmenü.

1.4.5a Verzicht auf Schriftgrafiken

Seite 1, Seite 2, Seite 3:
Schriftgrafiken werden nicht verwendet.

2.1.1a Ohne Maus nutzbar

Seite 1, Seite 3:
Ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden. Mit der Tabulator-Taste, lassen sich alle erforderlichen Links und Funktionen problemlos erreichen.

2.1.2a Keine Tastaturfalle

Seite 1, Seite 3:
Es gibt keine Tastaturfallen.

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.2.2a Bewegte Inhalte abschaltbar

Seite 1, Seite 2, Seite 3:
Bewegte bzw. blinkende Inhalte 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.3a Schlüssige Reihenfolge bei der Tastaturbedienung

Seite 3:
Links, Formularelemente und Objekte werden stets mit der Tabulatortaste in einer schlüssigen Reihenfolge angesteuert.

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:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig. Bei den Adressen unterhalb der Karte enthält der Linktext selbst Auskunft über das Ziel.
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 3:
Überschriften sind klar und aussagekräftig und beschreiben den folgenden Inhaltsteil, Beschriftungen der Formularfelder sind sinngebend.
Seite 1, Seite 2:
Überschriften sind klar und aussagekräftig und beschreiben den folgenden Inhaltsteil.

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.

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

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 3:
Wenn die Formulare Fehlermeldungen erzeugen, 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 2:
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.

3.3.3a Hilfe bei Fehlern

Seite 3:
Bei Eingabefeldern wird bei fehlendem Inhalt eine aussagekräftige Fehlermeldung in Textform ausgegeben.
Seite 1, Seite 2:
Beim einzigen Eingabefeld auf dieser Seite, dem Suchfeld, wird bei fehlendem Inhalt eine aussagekräftige Fehlermeldung in Textform ausgegeben.

4.1.1a Korrekte Syntax

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

4.1.2a Name, Rolle, Wert verfügbar

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.

4.1.3a Statusmeldungen programmatisch verfügbar

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

eher erfüllt sind 7 Prüfschritte:

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

Seite 1:
Alle Inhalte sind über die Überschriften zugänglich. Die Überschrift über dem Hauptteil ist aussagekräftig. In der rechten Seitenleiste werden teilweise die Strukturelemente für Überschriften verwendet, um die Schriftgröße zu bestimmen.

1.3.1d Inhalte gegliedert

Seite 1, Seite 2, Seite 3:
Hervorhebungen sollten mit <strong> oder <em> ausgezeichnet sein nicht mit dem b-Tag. Im Footer wird Text per CSS hervorgehoben.

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. Wenn man die sichtbaren Inhalte vorlesen lässt, wird am Seitenende das versteckte Menü für die mobile Ansicht vorgelesen. Weil ein Element über JavaScript angesteuert wird, überlappt es den Inhalt beim Scrollen der Seite.

1.4.11a Kontraste von Grafiken und grafischen Bedienelementen ausreichend

Seite 1, Seite 2, Seite 3:
Einige Bedienelemente haben einen Helligkeitskontrast von 4,40:1 mit der Farbe #2853B2.

2.4.3a Schlüssige Reihenfolge bei der Tastaturbedienung

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.

2.4.7a Aktuelle Position des Fokus deutlich

Seite 1, Seite 3:
Der Tastaturfokus wird in den meisten Fällen ausreichend hervorgehoben. Sprunglinks bleiben bei Fokuserhalt unsichtbar.

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 der Regel den sichtbaren Text.

nicht anwendbar sind 16 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 2:
Es werden keine CAPTCHAs auf dieser Seite eingesetzt.

1.2.1a Alternativen für Audiodateien und stumme Videos

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.

1.2.2a Aufgezeichnete Videos mit Untertiteln

Seite 1, Seite 2, Seite 3:
Es werden keine Videoaufzeichnungen eingesetzt.

1.2.3a Audiodeskription oder Volltext-Alternative für Videos

Seite 1, Seite 2, Seite 3:
Es werden keine Videoaufzeichnungen eingesetzt.

1.2.4a Videos (live) mit Untertiteln

Seite 1, Seite 2, Seite 3:
Kein Einsatz von Live-Übertragungen.

1.2.5a Audiodeskription für Videos

Seite 1, Seite 2, Seite 3:
Es werden keine Videoaufzeichnungen eingesetzt.

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.1f Zuordnung von Tabellenzellen

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

1.3.1g Kein Strukturmarkup für Layouttabellen

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

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

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

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.1.2a Anderssprachige Wörter und Abschnitte ausgezeichnet

Seite 1, Seite 2, Seite 3:
Anderssprachige Wörter und Abschnitte sind nicht vorhanden.

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.

teilweise erfüllt ist 1 Prüfschritt:

Prüfschritt Kommentar
2.4.1a Bereiche überspringbar

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 werden sinnvolle Bereichsüberschriften mit HTML-Strukturelementen h1-h3 verwendet.Es sind Sprunglinks zur Hauptnavigation und zum Hauptinhalt vorhanden diese werden bei Focuserhalt jedoch nicht eingeblendet. Die Hauptnavigation ist nicht mit einem entsprechenden Landmark versehen. Es werden Landmarks mehrfach verwendet, diese werden aber nicht unterschieden.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.

eher nicht erfüllt ist 1 Prüfschritt:

Prüfschritt Kommentar
1.1.1a Alternativtexte für Bedienelemente

Seite 1, Seite 2, Seite 3:
Alternativtexte sind ausschließlich bei den Bedienelementen zum Verändern der Schriftgröße und den Artikel-Bildern vorhanden. Alle anderen Bedienelemente, wie z.B. der Button zur Suche im Kopfbereich der Seite, verfügen über keine alternativen Texte.

nicht erfüllt sind 10 Prüfschritte:

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

Seite 1, Seite 2, Seite 3:
Im Fußbereich sind informative Grafiken via Font-Awesome ohne Alternativtext (aria-label) eingebunden. Alternativtexte fehlen auch bei den Kacheln unterhalb der Hauptnavigation.

1.1.1d Alternativen für CAPTCHAs

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

1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar

Seite 3:
Suchfeld im Header nicht korrekt verknüpft, da das Label mit display: none versteckt ist. Die Beschriftungen der Formularfelder im Hauptteil 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:
Suchfeld nicht korrekt verknüpft, da das Label mit display: none versteckt ist.

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

Seite 3:
Eine Bezeichnung des Zwecks von Eingabefeldern, die sich auf den Benutzer beziehen, ist nicht gegeben.

2.1.1a Ohne Maus nutzbar

Seite 2:
Die Karte und die Adressen können mit der Tabulator-Taste nicht angesteuert werden.

2.1.2a Keine Tastaturfalle

Seite 2:
Die Karte und die Adressen können mit der Tabulator-Taste nicht angesteuert werden.

2.4.3a Schlüssige Reihenfolge bei der Tastaturbedienung

Seite 2:
Der Tastaturfokus verschwindet nach dem Hauptmenü.

2.4.7a Aktuelle Position des Fokus deutlich

Seite 2:
Sprunglinks werden bei Fokuserhalt nicht eingeblendet. Der Tastaturfokus verschwindet nach dem Hauptmenü.

3.3.2a Beschriftungen von Formularelementen vorhanden

Seite 3:
Das Label im Header ist mit display:none versteckt und somit ungeeignet. Beschriftungen sind bei allen anderen Formularelementen vorhanden. Die Beschriftung der Formularelemente ist vor (also links neben oder über) dem zugehörigen Eingabefeld angeordnet. Die Beschriftung der Checkboxen ist rechts neben dem Eingabefeld.
Seite 1, Seite 2:
Das Label ist mit display:none versteckt und somit ungeeignet. Bewertung: nicht erfüllt

4.1.1a Korrekte Syntax

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

Feedback und Kontakt

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