image
image
 
Bericht
Formloses Kurzfeedback zur Barrierefreiheit
Sächsisches Ministerium des Innern
https://www.polizeirecht.sachsen.de
BIKOSAX – Barrierefreie Informations- und Kommunikationsangebote des Freistaates Sachsen
Leipzig, 12.03.2020

 
DZB Leipzig | BIKOSAX
Seite 2
Auftragsdaten
Auftraggeber
Sächsisches Ministerium des Innern
Frau Isabelle Starruß
Presse, Öffentlichkeitsarbeit
Postanschrift: 01095 Dresden
Prüfgegenstand
https://www.polizeirecht.sachsen.de
Prüfer
Antje Graf
Prüfzeitraum
02.03.2020 bis 06.03.2020

 
DZB Leipzig | BIKOSAX
Seite 3
Prüfmethode und Einschätzung
Prüfmethode
Das Kurzfeedback beinhaltet Prüfungen des BITV-/WCAG-Tests. Die Web Content
Accessibility Guidelines (WCAG), aktuell in der Version 2.1, sind international gültige
Standards, welche durch verschiedene Arbeitsgruppen des World Wide Web Consortium
(W3C) erstellt und weiterentwickelt werden.
Im formlosen Kurzfeedback wird der Internetauftritt stichprobenartig geprüft, wobei große
bzw. schwerwiegende Barrieren im Fokus stehen. Das Kurzfeedback soll einen groben
Überblick zur Barrierefreiheit des Internetauftritts und Hilfestellung für die weitere
Entwicklung geben.
Die in den folgenden Teilen des Berichts angegebenen Nummern bezeichnen die Prüfschritt-
Nummern des
BITV-/WCAG-Tests
.
Das Kurzfeedback bezieht sich ausschließlich auf die individuellen Seiteninhalte der
jeweiligen Auftritte. Auf Grund der seitenübergreifenden Gestaltung des Gesamtauftritts
www.sachsen.de
sind die übergreifenden Elemente von der Überprüfung ausgeschlossen
(z.B.: die Portal- und Portalübergreifende Navigation sowie der Fußbereich).

 
DZB Leipzig | BIKOSAX
Seite 4
Fehlerbeschreibung und Lösungsvorschläge
1.1.1a Alternativtexte für Bedienelemente
https://www.polizeirecht.sachsen.de/
Der Schalter zum Öffnen des Vollbildmodus der
vergrößerbaren Bilder ist für sich allein nicht aussagekräftig bzw. muss man das Bild davor
im Zusammenhang kennen. Das
i m
g-Element in das
but t
on-Element des Vollbild-Schalters
einfügen. Alternativ im Attribut
ar i a- l abel
des Schalters die jeweilige Grafik erwähnen,
z. B.
ar i a- l abel =" Eben gezei gt e Gr af i k i m Vol l bi l dmodus öf f nen"
.
Außerdem die Höhe und Breite nicht auf 0 (hei
ght :
0,
wi dt h:
0) setzen, weil manche
Screenreader den Schalter ohne Textinhalt als verstecktes Element interpretieren.
Stattdessen den Wert auf 1px setzen. Das gilt auch für weitere Seiten des Auftritts.
1.1.1b Alternativtexte für Grafiken und Objekte
https://www.polizeirecht.sachsen.de/
Die Bilder haben in der Vollbildansicht keinen
Alternativtext. Der Bildinhalt sollte kurz erläutert werden, das gilt auch für weitere Seiten
des Auftritts.
1.3.1a HTML-Strukturelemente für Überschriften
https://www.polizeirecht.sachsen.de/
und
https://www.polizeirecht.sachsen.de/grundsaetzliches-zum-gesetz-3916.html
Die mit
st r ong
ausgezeichneten Bereiche sehen optisch wie Überschriften aus und untergliedern
den nachfolgenden Text. Diese sollten daher mit
h2
ausgezeichnet werden.

 
DZB Leipzig | BIKOSAX
Seite 5
1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar
Startseite: Dialog vergrößerte Bildansicht: Das Texteingabefeld ist nicht korrekt mit seiner
Beschriftung verknüpft, weil das Attribut
aria-labelledby
auf einem übergeordneten
div-Element steht. Das Attribut
aria-labelledby
auf das input-Element verschieben.
1.3.2a Sinnvolle Reihenfolge
Startseite - Dialog vergrößerte Bilder: Wenn der Teilen-Schalter aktiviert wird, erscheint das
zugehörige Eingabefeld oberhalb des Schalters im HTML-Dokument. Dadurch kann es zum
Beispiel ein Screenreadernutzer schwerer wahrnehmen. Das Eingabefeld im HTML hinter
dem Teilen-Schalter einblenden. Das gilt auch für weitere Seiten des Auftritts.
1.4.3a Kontraste von Texten ausreichend
Für das body-Element wurde zwar in CSS eine Text- und Hintergrundfarbe definiert. Die
Hintergrundfarbe wirkt sich jedoch nicht vollständig auf untergeordnete Elemente aus, weil
ebenfalls die Eigenschaft
hei ght : 100vh
angegeben wurde. Die Hintergrundfarbe wirkt
sich damit nur auf 100% der Viewport-Höhe (Fensterhöhe) aus. Falls ein Nutzer nun über ein
Userstylesheet bereits im HTML-Wurzelelement
backgr ound- col or : bl ack
und
col or : whi t e
definiert, kann er beim Scrollen die Texte nicht mehr lesen.
Entweder die Eigenschaft
hei ght : 100vh
entfernen oder auf allen dem body-Element
direkt untergeordneten Elementen (eine Ebene tiefer) die Hintergrundfarbe erneut
definieren.
1.4.11a Kontraste von Grafiken und Bedienelementen ausreichend
https://www.polizeirecht.sachsen.de/
Modaler Dialog: der Schließen- und Teilen-Schalter hat
im fokussierten Zustand nur einen Kontrast von 2,5:1 statt 3:1 hier muss der Kontrast
verbessert werden.

 
DZB Leipzig | BIKOSAX
Seite 6
2.4.2a Sinnvolle Dokumenttitel
https://www.polizeirecht.sachsen.de/grundsaetzliches-zum-gesetz-3916.html
Dokumenttitel
sind wichtig für die Navigation und Orientierung in Webangeboten. Wenn das Angebot oder
der Inhalt der Seite nicht bezeichnet sind, ist die Orientierung beeinträchtigt. Er sollte zwei
Bestandteile enthalten: eine immer gleiche, allgemeine Bezeichnung des Webauftritts und
eine unterscheidende, individuelle Bezeichnung der jeweiligen Seite. Der individuelle Teil
sollte, wie auf der Startseite auch auf allen Unterseiten "Polizeirechtnovelle" enthalten. Den
individuellen Teil noch genauer beschreiben und den Titel z.B. ändern in: "Ehrenamt mit
Polizeirechtnovelle - Neustrukturierung des sächsischen Polizeirechts | sachsen.de".
2.4.6a Aussagekräftige Überschriften und Beschriftungen
Die Überschrift "Neustrukturierung des Sächsischen Polizeirechts" ist sowohl auf der
Startseite als auch auf der gleichnamigen Seite "Neustrukturierung des Sächsischen
Polizeirechts" vorhanden. Auf der Startseite sollte eine andere Überschrift gewählt werden.
4.1.3a Statusmeldungen programmatisch verfügbar
https://www.polizeirecht.sachsen.de/suche.html
Sucheingabefeld: Assistive Technologie
muss informiert werden, dass es eine Autovervollständigung gibt. Die Verfügbarkeit der
Autovervollständigungsliste mittels einer Live-Region ansagen lassen. Das heißt, es wird ein
Element mit
r ol e=" st at us"
definiert, wodurch nach jeder Zeicheneingabe angesagt
wird, ob und wie viele Suchvorschläge eingeblendet werden. Zusätzlich sollte über die Live-
Region auch die Pfeiltastennavigation mit angesagt werden.

 
BIKOSAX – Barrierefreie Informations- und
Kommunikationsangebote des Freistaates Sachsen
Prüfstelle
Deutsches Zentrum für barrierefreies Lesen (dzb lesen)
Gustav-Adolf-Straße 7
04105 Leipzig
Kontakt
Dr. Julia Dobroschke
Medienmanagement | BIKOSAX
Telefon: 0341-7113 236
Telefax: 0341-7113 125
E-Mail: j.dobroschke@dzblesen.de
Internet:
www.dzblesen.de/bikosax
v1.00