Erklärung zur Barrierefreiheit

Die Gemeinde Kirchseeon ist bemüht, die Internetseite www.kirchseeon.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.kirchseeon.de
Prüfstelle: digiPublica, eine Marke der econix GmbH
Prüfer/in: Martin Werni, support@digipublica.de
Prüfdatum: 07.11.2019 - 13.11.2019

Ergebnis

3 von 3 Seiten nicht BITV-konform

Geprüfte Seiten

Seite 1: Startseite

Titel: Startseite
URL: www.kirchseeon.de
Ergebnis: nicht BITV-konform, 3 von 50 Anforderungen nicht erfüllt

Seite 2: Telefonverzeichnis (Spezialseite mit allen Mitarbeitern)

Titel: Mitarbeiter im Rathaus
URL: https://kirchseeon.de/Mitarbeiter-im-Rathaus
Ergebnis: nicht BITV-konform, 4 von 50 Anforderungen nicht erfüllt

Seite 3: Interaktiver Ortsplan mit vielen Adressen

Titel: Ortsplan
URL: https://kirchseeon.de/ortsplan?app=mapappv3&noMarker=1
Ergebnis: nicht BITV-konform, 2 von 50 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

Seite1:
Die Texte werden durch Überschriften mit nativen HTML-Elementen gegliedert. Alle Detail-Inhalte der Seiten sind über die Überschriften zugänglich. Es werden bewusst Hierarchie-Ebenen ausgelassen, dies rechtfertigt sich durch die Gliederung der Inhalte.
Seite2:
Die Texte auf der Seite werden durch Überschriften mit nativen HTML-Elementen gegliedert, diese HTML-Strukturelemnte werden lediglich dazu eingesetzt die Schriftgröße zu steuern. Im Hauptbereich der Seite kommt lediglich eine Überschrift vor, im Fußbereich sind noch 3 weitere vorhanden.
Seite3:
Die einzelnen Adressen auf der Seite sowie Strukturen im Fußbereich werden durch Überschriften mit nativen HTML-Elementen gegliedert, diese HTML-Strukturelemnte werden lediglich dazu eingesetzt die Schriftgröße zu steuern.

1.3.1b HTML-Strukturelemente für Listen

Seite2, Seite3:
Alle Listen inklusive der Menüs sind mit den vorgesehenen HTML-Strukturelementen für Listen ausgezeichnet.

1.3.1d Inhalte gegliedert

Seite1:
Alle Absätze sind mit p ausgezeichnet, Hervorhebungen im Text kommen nicht vor. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.
Anmerkung: Leerzeichen (&nbsp) werden vom CMS verwendet, allerdings nicht zur Schaffung von Spalten, sondern lediglich am Ende einer Zeile eines Teaser-Textes.
Seite2:
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.
Seite3:
Alle Absätze sind mit p ausgezeichnet, Hervorhebungen im Text kommen nicht vor. 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, Seite3:
Die einzige Datentabelle 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.
Seite2:
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.

1.3.2a Sinnvolle Reihenfolge

Seite1, Seite2, Seite3:
Die logische Reihenfolge der sichtbaren Seiteninhalte belibt auch nach dem Abschalten von CSS erhalten. Es gibt keine Linealisierungsprobleme mit dem Screenreader NVDA, wenn man die sichtbaren Inhalte vorlesen läßt, 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.3a Kontraste von Texten ausreichend

Seite3:
Sämtliche Texte haben ausreichende Helligkeitskontraste. Einige Überschriften haben ein Kontrast von 4,4:1, diese sind aber größer als 18 Pixel und genügen damit auch den Anforderungen.

1.4.4a Text auf 200% vergrößerbar

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

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

Seite3:
Informationstragende Grafiken sowie grafische Bedienelemente und deren Zustände und haben einen Kontrast zu angrenzenden Farben von 3:1 oder besser oder die Grafiken sind lediglich ergänzend zu erklärendem Text eingesetzt.

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.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 enthält zwei Bestandteile: eine immer gleiche, allgemeine Bezeichnung des Webauftritts und eine unterscheidende, individuelle Bezeichnung der jeweiligen Seite.

2.4.4a Aussagekräftige Linktexte

Seite1: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.
Seite2:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig.
Seite3:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig. Der im unteren Bereich mehrfach verwendete Terminus "auf der Karte anzeigen" steht stets im Zusammenhang mit einem aussagekräftigen Text und/oder einer Überschrift.

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, Seite2:
Überschriften sind klar und aussagekräftig. Die Seite hat Überschriften lediglich im Fußbereich. Es sind keine Formularfelder vorhanden.
Seite3:
Sämtliche Überschriften sind stets klar und aussagekräftig. Es sind keine Formularfelder vorhanden.

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.

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.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, in einer linken Spalte ist immer die Unternavigation eingebettet 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.

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.

4.1.2a Name, Rolle, Wert verfügbar

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

eher erfüllt sind 8 Prüfschritte:

Prüfschritt Kommentar
1.3.1b HTML-Strukturelemente für Listen

Seite1:
Alle Listen inklusive der Menüs sind mit den vorgesehenen HTML-Strukturelementen für Listen ausgezeichnet. Bei der Darstellung des Wetters werden HTML-Elemente für Listen verwendet, obwohl hier keine Liste zum Einsatz kommt.

1.4.3a Kontraste von Texten ausreichend

Seite1:
Die meisten Texte haben ausreichende Helligkeitskontraste. Einige wenige Texte haben einen Helligkeitskontrast von 2,3:1, dies sind die Farben 59BD84 (gr&uuml;n) und FFFFFF (weiß).

2.1.1a Ohne Maus nutzbar

Seite1, Seite2, Seite3:
Auch ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden. Mit der Tabulator-Taste können alle wesentlichen Links und Funktionen  erreicht werden. Man kann mit der Tabulator-Taste auch alle Navigationspunkte der obersten Hierarchie ansteuern, allerdings werden diese nicht optisch hervorgehoben, wenn man diese mit der Tabulator-Taste ansteuert.

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.

2.4.3a Schlüssige Reihenfolge bei der Tastaturbedienung

Seite1, Seite2, Seite3:
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. Man kann im oberen Menü nicht immer die genaue Position des Fokus erkennen.

2.4.7a Aktuelle Position des Fokus deutlich

Seite1:
Der Tastaturfokus entspricht in den meisten Fällen dem Mausfokus. Dies ist der Fall bei der Navigationsleiste links, bei den Teasern, bei den Bedienelementen auf der linken Seite und bei den Links im Fußbereich, nicht in der Hauptnavigation und nicht bei den Bildern der Kacheln (dafür aber beim Kachel-Text).
Seite2:
Der Tastaturfokus entspricht in den meisten Fällen dem Mausfokus. Dies ist der Fall bei der Navigationsleiste links, bei den Bedienelementen auf der linken Seite, bei den einzelnen Mitarbeitern und deren EMails und bei den Links im Fußbereich, nicht in der Hauptnavigation.
Seite3:
Der Tastaturfokus entspricht in den meisten Fällen dem Mausfokus. Dies ist der Fall bei der Navigationsleiste links, bei den Bedienelementen auf der linken Seite, bei den einzelnen Adresskategorien und auch bei den einzelnen Verweisen innerhalb einer Adresse auf die Karte. Der Tastaturfokus entspricht nicht dem Mausfokusnicht in der Hauptnavigation und bei den Adressüberschriften.

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 in den meisten Fällen den sichtbaren Text. Die Links im Fußbereich besitzen das HTML title-Attribut und der Link-Text und der title-Attribut-Text sind identisch. Alle gängigen Screenreader kommen mit dieser Konstellation gut zurecht, siehe https://www.deque.com/blog/text-links-practices-screen-readers/

nicht anwendbar sind 22 Prüfschritte:

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

Seite1, Seite2, Seite3:
Es werden aktuell 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, 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 genannt.

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, Seite2, Seite3:
Auf der Seite werden keine Formulare verwendet.

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

Seite1, Seite2, 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ällt 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, Seite2, Seite3:
Die Seite enthält keine Formularelemente.

3.3.1a Fehlererkennung

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

3.3.2a Beschriftungen von Formularelementen vorhanden

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

3.3.3a Hilfe bei Fehlern

Seite1, Seite2, 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.4.3a Kontraste von Texten ausreichend

Seite2:
Die meisten Texte haben ausreichende Helligkeitskontraste. Einige wichtige Texte (die Namen und die EMail-Adressen der Mitarbeiter) haben einen zu geringen Helligkeitskontrast, dies betrifft die Text-Farbe #E39824 (ein Orange-Ton) im Kontrast mit dem Hintergrund #FFFFFF (weiß). Der Kontrast beträgt hier 2,4:1.

eher nicht erfüllt ist 1 Prüfschritt:

Prüfschritt Kommentar
1.1.1a Alternativtexte für Bedienelemente

Das Logo hat als Alternativtext das Ziel des Links. Die übrigen grafischen Bedienelemente (3 Elemente auf der linken Seite und die Seitenwerkzeuge "drucken" und "hoch") haben keine Alternativtexte, da nicht mit img gearbeitet wird.

nicht erfüllt sind 2 Prüfschritte:

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

Seite1, Seite2:
Die einzige informative Grafik (der Marker rechts unten im Fußbereich) hat kein Alternativtext, da nicht mit img gearbeitet wird.

1.4.11a Kontraste von Grafiken und grafischen Bedienelementen ausreichend

Seite1:
Informationstragenden Grafiken sowie grafische Bedienelemente und deren Zustände und haben einen Kontrast zu angrenzenden Farben der kleiner ist als 3:1. Es handelt sich um die 3 Bedienelemente links und die Seitenwerkzeuge mit den Farben 59BD84 (grün) und FFFFFF (weiß - Hintergrund). Der Kontrast beträgt 2,3:1.
Seite2:
Informationstragenden Grafiken sowie grafische Bedienelemente und deren Zustände und haben einen Kontrast zu angrenzenden Farben der kleiner ist als 3:1. Es handelt sich um die 3 Bedienelemente links und die Seitenwerkzeuge mit den Farben #E39824 und #FFFFFF (weiß - Hintergrund). Der Kontrast beträgt 2,4:1.

Feedback und Kontakt

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