Erklärung zur Barrierefreiheit

Die Gemeinde Berg in Oberfranken ist bemüht, die Internetseite https://www.berg-ofr.de/startseite-gemeinde 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.berg-ofr.de/startseite-gemeinde
Prüfstelle: digiPublica, eine Marke der econix GmbH
Prüfer/in: Jörg Gleixner und Tim Braun, support@digipublica.de
Prüfdatum: 21.09.2020 - 23.09.2020

Ergebnis

3 von 3 Seiten nicht BITV-konform

Geprüfte Seiten

Seite 1:

Titel: Gemeinde Berg in Oberfranken - Startseite
URL: https://www.berg-ofr.de/startseite-gemeinde
Ergebnis: nicht konform, 7 von 60 Anforderungen nicht erfüllt

Seite 2:

Titel:  Gemeinde Berg in Oberfranken - Ansprechpartner
URL: https://www.berg-ofr.de/Telefonliste.n33.html
Ergebnis: nicht konform, 6 von 60 Anforderungen nicht erfüllt

Seite 3:

Titel:  Gemeinde Berg in Oberfranken - Veranstaltungen
URL: https://www.berg-ofr.de/Veranstaltungen.n20.html
Ergebnis: nicht konform, 7 von 60 Anforderungen nicht erfüllt

 

Bewertung und Anmerkungen zu einzelnen Prüfschritten

erfüllt sind 34 Prüfschritte:

PrüfschrittKommentar
1.3.1a HTML-Strukturelemente für Überschriften

Seite 2:
Die Seiteninhalte sind durch Überschriften erschlossen.

1.3.1b HTML-Strukturelemente für Listen

Seite 1, Seite 2, Seite 3:
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.1e Datentabellen richtig aufgebaut

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

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.11a Kontraste von Grafiken und grafischen Bedienelementen ausreichend

Seite 1, Seite 2, Seite 3:
Grafische Bedienelemente und deren Zustände 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

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.4a Text auf 200% vergrößerbar

Seite 1, Seite 2, Seite 3:
Der Text kann mit der Zoom-Funktion des Browsers oder 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

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

2.1.1a Ohne Maus nutzbar

Seite 1, Seite 2, Seite 3:
Mit der Tabulator-Taste können alle wesentlichen Links und Funktionen erreicht werden. Das mobile Menü ist zwar versteckt, die Punkte werden aber angesprungen, ohne das man den Fokus sehen würde.

2.1.2a Keine Tastaturfalle

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

Seite 1, Seite 2, Seite 3:
Bewegte 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.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 "... mehr" 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 zwei unterschiedliche Zugangswege zu den Inhalten des Angebots vorhanden. Es sind durchgängig verfügbare Navigationsmenüs vorhanden und es gibt eine Suchfunktion, welche prominent auf jeder Seite platziert ist.

2.4.6a Aussagekräftige Überschriften und Beschriftungen

Seite 2:
Die Überschrift ist klar und aussagekräftig.
Seite 3:
Überschriften sind klar und aussagekräftig.

2.4.7a Aktuelle Position des Fokus deutlich

Seite 2, Seite 3:
Der Tastaturfokus ist bei interaktiven Elementen deutlich zu sehen.

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. Breadcrumb, Navigation unterhalb des Headers und in der rechten Seitenleiste sind einheitlich.

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 eine Fehlermeldung erzeugt, wird das fehlerhaft ausgefüllten Feld identifiziert und der Fehler wird in Textform beschrieben. Nach Korrektur der Eingabe und erneutem Abschicken des Formulars verschwindet die zuvor angezeigte Fehlermeldung.

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

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 Focus erhalten.

eher erfüllt sind 4 Prüfschritte:

PrüfschrittKommentar
1.3.1a HTML-Strukturelemente für Überschriften

Seite 1:
Die Seiteninhalte sind durch Überschriften erschlossen. Die Überschrift des Termin-Blocks ist mit h4 ausgezeichnet und man ist versucht diesen Inhalt dem darüberliegenden Inhaltselement unterzuordnen, was in diesem Fall aber falsch wäre.

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, wird am Ende auch das für die mobile Navigation benutzte und in der Desktopansicht versteckte Menü vorgelesen.

2.4.1a Bereiche überspringbar

Seite 2:
Es gibt Sprunglinks zur Hauptnavigation und zum Hauptinhalt. Allerdings werden die bei kleineren Views teilweis von anderen Inhalten überdeckt. WAI ARIA document landmarks erschließen die Seite, allerdings gibt es role="navigation" mehrfach ohne Unterscheidung. Der Hauptinhalt ist mit einer sinnvollen Überschrift versehen.
Seite 3:
Es gibt Sprunglinks zur Hauptnavigation und zum Hauptinhalt. Allerdings werden die bei kleineren Views teilweise von anderen Inhalten überdeckt. WAI ARIA document landmarks erschließen die Seite, allerdings gibt es role="navigation" mehrfach ohne Unterscheidung. Der Hauptinhalt ist durch sinnvolle Überschriften erschlossen.

2.4.7a Aktuelle Position des Fokus deutlich

Seite 1:
Der Tastaturfokus ist bei interaktiven Elementen, abgesehen von den Bild-Links, die aber nur vorhandene Textlinks ergänzen, deutlich zu sehen.

nicht anwendbar sind 20 Prüfschritte:

PrüfschrittKommentar
1.1.1b Alternativtexte für Grafiken und Objekte

Seite 1, Seite 2, Seite 3:
Es gibt auf der Seite keine informativen Grafiken.

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, Seite 3:
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.1d Inhalte gegliedert

Seite 1, Seite 2, Seite 3:
Die Seite enthält keinen zu gliedernden Text und keine Formulare.

1.3.1e Datentabellen richtig aufgebaut

Seite 1, Seite 3:
Datentabellen sind nicht vorhanden.

1.3.1f Zuordnung von Tabellenzellen

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

1.3.1g Kein Strukturmarkup für Layouttabellen

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

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

Seite 1, Seite 2, 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.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 sind 7 Prüfschritte:

PrüfschrittKommentar
1.1.1a Alternativtexte für Bedienelemente

Seite 1, Seite 2, Seite 3:
Grafische Bedienelemente haben in der Regel sinnvolle Alternativtexte. Wichtige Ausnahme ist das Lupen-Icon für die Seitensuche. Dieses besitzt keinen Alternativtext.

1.3.1a HTML-Strukturelemente für Überschriften

Seite 3:
Die einzelnen Termine sind mit Überschriften versehen, die aber nicht mit den html-Strukturelementen für Überschriften ausgezeichnet sind.

1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar

Seite 2:
Das Such-Feld für die Seitensuche ist nicht beschriftet, das Feld für die Mitarbeitersuche hat ein title-Attribut.

1.4.3a Kontraste von Texten ausreichend

Seite 3:
Die Beschriftung der Schriftgrößenschalter und der Bedienelemente für drucken und nach oben sowie die Datumangaben für Monat und Jahr im Kalenderblatt heben sich nicht ausreichend vom Hintergrund ab.
Seite 1, Seite 2:
Die Beschriftung der Schriftgrößenschalter und der Bedienelemente für drucken und nach oben heben sich nicht ausreichend von der Button-Farbe ab.

2.4.1a Bereiche überspringbar

Seite 1:
Es gibt Sprunglinks zur Hauptnavigation und zum Hauptinhalt. Allerdings werden die bei kleineren Views teilweis von anderen Inhalten überdeckt. WAI ARIA document landmarks erschließen die Seite, allerdings gibt es role="navigation" und role="complementary" mehrfach ohne Unterscheidung. Die Überschrift über den Hauptteil sagt leider nichts über den folgenden Inhalt aus.

2.4.3a Schlüssige Reihenfolge bei der Tastaturbedienung

Seite 1, Seite 2, Seite 3:
Links, Formularelemente 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. Allerdings werden am Ende des Dokuments die Punkte des unsichtbaren mobilen Menüs durchlaufen und der Fokus bleibt für einige Tab-Anschläge unsichtbar.

2.4.6a Aussagekräftige Überschriften und Beschriftungen

Seite 1:
Abgesehen von der Überschrift über den Hauptteil sind sie aussagekräftig.

nicht erfüllt sind 4 Prüfschritte:

PrüfschrittKommentar
1.3.1g Kein Strukturmarkup für Layouttabellen

Seite 3:
Es wird das summary-Attribut verwendet. Dieses ist wie auch th, caption, headers, id Datentabellen vorbehalten.

1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar

Seite 1:
Das Suche-Feld ist nicht beschriftet (ein mit display: none verstecktes Label ist nicht ausreichend).
Seite 3:
Das Suche-Feld ist nicht korrekt beschriftet. Kategorie und Suchwort sind nicht mit ihren input-Elementen verknüpft.

3.3.2a Beschriftungen von Formularelementen vorhanden

Seite 1, Seite 2, Seite 3:
Das Eingabefeld für die Seitensuche ist nicht beschriftet.

4.1.1a Korrekte Syntax

Seite 2:
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.berg-ofr.de/startseite-gemeinde aufgefallen?
Dann können Sie sich gerne bei uns melden. Bitte benutzen Sie dafür das vorgesehene Feedback-Formular.

drucken nach oben