Prüfbericht
zur BarrierefreiheitVersorgungsauskunft - Landesamt für Finanzen - Dienststelle Regensburg

Den grafischen Bedienelementen fehlt das alt-Attribut.

Mögliche Behebung:

Alt-Attribut für grafische Bedienelemente vergeben.

Wichtige Hinweise zur Erstellung sollten eine eigene Unter-Überschrift sein bzw. haben

Mögliche Behebung:

Die Überschrift als eine HTML-Überschrift mit h2 auszeichnen.

Die Elemente in „Meine Versorgungsauskünfte“ sind nicht zu einer Liste zusammengefasst, obwohl sie thematisch zusammen gehören – dies erschwert ein strukturiertes Arbeiten mit assistiven Technologien.

Mögliche Behebung:

Die gezeigten Elemente sollten zu einer Liste zusammen gefasst werden.

Die gezeigten Elemente sind nicht zu einer Liste zusammengefasst, obwohl sie thematisch zusammen gehören – dies erschwert ein strukturiertes Arbeiten mit assistiven Technologien.

Mögliche Behebung:

Die gezeigten Elemente sollten zu einer Liste zusammen gefasst werden.

Die oben gezeigten Elemente sind nicht zu einer Liste zusammengefasst, obwohl sie thematisch zusammen gehören – dies erschwert ein strukturiertes Arbeiten mit assistiven Technologien.

Mögliche Behebung:

Die gezeigten Elemente sollten zu einer Liste zusammen gefasst werden.

„Wichtige Hinweise zur Erstellung“ fehlt die semantische Auszeichnung als Absatz.

Mögliche Behebung:

Den Absatz mit dem HTML-Element p auszeichnen.

Eine weitere Möglichkeit wäre „Wichtige Hinweise zur Erstellung“ als Überschrift zu definieren und bspw. mit einem h2-tag auszuzeichnen.

Die Formularelemente Vollzeit und Teilzeit sind nicht mit ihren Feldbeschriftungen verknüpft.

Mögliche Behebung:

Die Formularelemente Vollzeit und Teilzeit mit den HTML-Attributen for und id mit ihren Feldbeschriftungen verknüpfen.

Der Text “Hilfe schließen” hat zum Hintergrund hat ein Kontrastverhältnis von 3,4:1.
Dies ist zu gering.

Mögliche Behebung:

Das Element benötigt als normaler Text einen Kontrastwert von mindestens 4,5:1.

Der Text der Placeholder und der Label (Feldbeschriftungen) in den Formularfeldern hat zum Hintergrund ein Kontrastverhältnis von 4,1:1 bzw. 1,7:1.
Dies ist zu gering.

Mögliche Behebung:

Das Element benötigt als normaler Text einen Kontrastwert von mindestens 4,5:1.

Neben dem Datums-Eingabefeld “Beginn des letzten Beamtenverhältnis” werden die Schaltflächen für die Datumsauswahl und das Hilfemenü abgeschnitten.

Im Bearbeitungsschritt “Dienstzeiten einfügen” wid die Datumsauswahl abgeschnitten:

Dies betrifft auch das Datumsauswahlfeld “Geburtstag” im Bearbeitungsschritt “Erziehungszeit”:

Mögliche Behebung:

Größe der Inhaltselemente anpassen.

Bei Textvergrößerung auf 200% laufen Inhalte der Datumsauswahl über das Auswahl-Fenster hinaus.

Mögliche Behebung:

Größe der Elemente anpassen.

Icons der Buttons “zurück” und “weiter” sind unterhalb des Textes. Ebenso bei “Dienstzeiten hinzufügen” und “Erziehungszeit hinzufügen”.

Bei 1280x1024 bricht der Text im Downloadbutton nicht um

Bei einer Viewportbreite von 320px werden Inhalte im Tooltip abgeschnitten. Scrollen ist nicht möglich.

Anforderung:

Gemäß Anforderung sollte bei schmalen Viewports keine Inhalte und keine Funktionen verloren gehen.

Seite “Meine Versorgungsauskünfte”
https://versorgungsauskunft-referenz.mitarbeiterservice.bayern.de/archiv:

Bei angepassten Textabständen überlappen Icons und dazugehöriger Text.

Mögliche Behebung:

Abstand von Icon zu Text vergrößern.

Es sind zu wenig Orientierungspunkte vorhanden.

Mögliche Behebung:

Folgende Bereiche (header, nav, main, aside, footer) sollten mindestens vorhanden sein, um eine strukturelle Orientierung der Seite für Screenreadernutzer zu ermöglichen

Alle Seiten (auch mit unterschiedlichen URLs) haben identische Seitentitel.

1. https://versorgungsauskunft-referenz.mitarbeiterservice.bayern.de/aktivierung

2. https://versorgungsauskunft-referenz.mitarbeiterservice.bayern.de/archiv

3. https://versorgungsauskunft-referenz.mitarbeiterservice.bayern.de/antrag

Mögliche Behebung:

Individuelle Seitentitel je URL vergeben:

1. Aktivierung - Versorgungsauskunft

2. Meine Versorgungsauskünfte - Versorgungsauskunft

3. Neuer Antrag - Versorgungsauskunft

Es ist keine Verknüpfung der Informations-Icons zu den radio-Buttons.

Es werden immer erst mit der Tab-Taste die Informations-Icons angesprungen. Es fehlt eine Verknüpfung zu den radio-Buttons.

Für Screenreader-Nutzer ist es aktuell nicht wahrnehmbar, um welchen radio-Button es geht.

Die Linktexte sind bei einigen Bearbeitungsschritten zu allgemein gehalten (“zurück” und “weiter”), ohne Verweis darauf, welcher Bearbeitungsschritt das Linkziel ist.

Mögliche Behebung:
Zur besseren Orientierung, zu welchem Bearbeitungsschritt man zurück oder weiter springt, sollte dies im jeweiligen Linktext mit aufgenommen werden, zum Beispiel “zurück zu Grunddaten” / “weiter zu Erziehungszeiten”.
Dies hilft Nutzern assistiver Systeme bei der Orientierung.

Der Fokuskontrast ist nicht - wie gefordert 3:1 - im Vergleich zum unfokussiertem Zustand

Der Tastaturfokus in Chrome und Firefox ist bei Fokussierung der Elemente nicht durchgehend visuell wahrnehmbar.

Der geforderter Kontrast des Tastatur-Fokus beträgt mindestens 3:1.

Mögliche Behebung:

Wir empfehlen einen CSS- oder Javascript-basierten Ansatz zu wählen, um die

Browserunabhängigkeit des Systemkranzes für Fokus zu gewährleisten.

Das Icon (Stift) hat keine sichtbare Beschriftung und kann für Nutzer von Spracheingabe nicht verwendet werden.

Mögliche Behebung:

Das Icon mit einer sichtbaren Beschriftung - analog zu „Meine Versorgungauskünfte“ versehen, damit es für Nutzer von Spracheingabe zugänglich ist.

Das Icon hat keine sichtbare Beschriftung und ist für Nutzer von Spracheingabe nicht zugänglich.

Mögliche Behebung:

Das Icon mit einer sichtbaren Beschriftung - analog zu „Meine Versorgungauskünfte“ versehen, damit es für Nutzer von Spracheingabe zugänglich ist.

Im Bearbeitungsschritt „Grunddaten“ ist der zurück-Button mit zurück zu „meine Auskünfte“ benannt.

Im Bearbeitungsschritt „Auskunft“ ist der Button mit „zur Übersicht“ bezeichnet.

Mögliche Behebung:

Bezeichnungen für einzelne Bereiche sollten konsistent verwendet werden. Buttons zu einer Zielseite sollten jeweils dieselbe Bezeichnung haben.

Einheitliche Bezeichnungen auf dem zurück-Button ausgeben (zurück zu „Meine Versorgungsauskünfte“). Dies hilft Nutzern bei der Orientierung.

Das Verhalten beim Klicken auf den Button i ist nicht einheitlich. Es öffnet sich entweder ein zusätzliches Fenster mit Hilfe-Text oder ein Tool-Tip.

Mögliche Behebung:

Verienheitlichung des Verhaltens.

Die Pflichtfelder sind nicht erläutert und die Erklärung ist nur außerhalb.

Mögliche Behebung:

Die Erklärung sollte innerhalb des modalen Fensters ergänzt werden.

Eine Erläuterung zu den Pflichtfeldern fehlt auch bei der Erfassung zu Erziehungszeiten.

Fehlermeldungen werden für Screenreader-Nutzer nicht ausgegeben.

Es werden Fehlermeldungen generiert, aber dem Screenreader-Nutzer nicht vorgelesen.

Mögliche Bearbeitung:

Fehlermeldungen mit einer ARIA Technik an die Ausgabe vom Screenreader knüpfen.

Der HTML-Code enthält Validierungsfehler, die die Barrierefreiheit einschränken - siehe Anhang

·         Nicht vollständige Start- und Endtags

·         sie sind gemäß Spezifikation nicht korrekt verschachtelt

·         sie enthalten doppelte Attribute

·         mehrfach eingesetzte IDs, außer dort wo die Spezifikationen etwas anderes erlauben

Mögliche Behebung:

HTML-Code programmieren, der im W3C-Validator nach dem Ausführen des WCAG-Parsing-Bookmarklets keine Fehler liefert. Custom-Attribute werden nicht negativ bewertet.

Der HTML-Code enthält Validierungsfehler, die die Barrierefreiheit einschränken.

Mögliche Fehler für HTML Elemente:

·         Nicht vollständige Start- und Endtags

·         sie sind gemäß Spezifikation nicht korrekt verschachtelt

·         sie enthalten doppelte Attribute

·         mehrfach eingesetzte IDs, außer dort wo die Spezifikationen etwas anderes erlauben

Mögliche Behebung:

HTML-Code programmieren, der im W3C-Validator nach dem Ausführen des WCAG-Parsing-Bookmarklets keine Fehler liefert. Custom-Attribute werden nicht negativ bewertet.

Der HTML-Code enthält Validierungsfehler, die die Barrierefreiheit einschränken.

Mögliche Fehler für HTML Elemente:

·         Nicht vollständige Start- und Endtags

·         sie sind gemäß Spezifikation nicht korrekt verschachtelt

·         sie enthalten doppelte Attribute

·         mehrfach eingesetzte IDs, außer dort wo die Spezifikationen etwas anderes erlauben

Mögliche Behebung:

HTML-Code programmieren, der im W3C-Validator nach dem Ausführen des WCAG-Parsing-Bookmarklets keine Fehler liefert. Custom-Attribute werden nicht negativ bewertet.

Der HTML-Code enthält Validierungsfehler, die die Barrierefreiheit einschränken.

Mögliche Fehler für HTML Elemente:

·         Nicht vollständige Start- und Endtags

·         sie sind gemäß Spezifikation nicht korrekt verschachtelt

·         sie enthalten doppelte Attribute

·         mehrfach eingesetzte IDs, außer dort wo die Spezifikationen etwas anderes erlauben

Mögliche Behebung:

HTML-Code programmieren, der im W3C-Validator nach dem Ausführen des WCAG-Parsing-Bookmarklets keine Fehler liefert. Custom-Attribute werden nicht negativ bewertet.

Der HTML-Code enthält Validierungsfehler, die die Barrierefreiheit einschränken.

Mögliche Fehler für HTML Elemente:

·         Nicht vollständige Start- und Endtags

·         sie sind gemäß Spezifikation nicht korrekt verschachtelt

·         sie enthalten doppelte Attribute

mehrfach eingesetzte IDs, außer dort wo die Spezifikationen etwas anderes erlauben

Mögliche Behebung:

HTML-Code programmieren, der im W3C-Validator nach dem Ausführen des WCAG-Parsing-Bookmarklets keine Fehler liefert. Custom-Attribute werden nicht negativ bewertet.

Der Dialog Hilfe zu den Versorgungsauskünften ist für Screenreader-Nutzer nicht erkennbar. Sie sollten auch für blinde Nutzer, als modale Dialoge zu erkennen sein.

Der Fokus liegt aktuell auf „Hilfe schließen“. Der Screenreadernutzer bekommt die darunterliegenden Informationen zu „Meine Versorgungsauskünfte“ gar nicht mit.

Anmerkung:

—> betroffen sind hier alle Hilfe-Dialoge

Mögliche Behebung:

Die Overlays als modale Dialoge entsprechend den WAI ARIA Best Practices auszeichnen (vgl. https://www.w3.org/TR/wai-aria-practices-1.1/examples/dialog-modal/dialog.html).

Grunddaten

Dienstzeiten

Beschriftung des Schalters zum Öffnen des Kalenders muss optimiert werden.

Aktuell liest der Screenreader “Anklickbar Kalender öffnen, Schalter Untermenü”

Mögliche Behebung:

Beim Schalter für den Aufruf des Kalenders muss der Hinweis „Schalter Untermenü“ entfernt werden, da es kein Untermenü gibt.

Ein Hinweis „Schalter Kalender öffnen“ ist völlig ausreichend.

Grunddaten

Dienstzeiten

Placeholder (TT.MM.JJJJ) für Eingabe des Datums doppelt.

Aktuell liest der Screenreader den Placeholder doppelt vor.

Mögliche Fehlerbehebung:

Ein aria-Attribut sollte entfernt werden.

Zugänglicher Name für die Buttons (Dienstzeiten hinzufügen und Erziehungszeit hinzufügen) wird für Screenreader-Nutzer doppelt ausgegeben.

Mögliche Behebung:

Es sollte vermieden werden, Inhalte doppelt auszugeben.

Treten bei Erfassung von Dienst-Zeiten Fehler-Meldungen auf, werden diese von Screenreader-Nutzern nicht unmittelbar wahrgenommen.

Auch bei der Übersicht selber werden die Fehler für Screenreader-Nutzer nicht vorgelesen.

Anmerkung:

Für Screenreader-Nutzer muss sichergestellt werden, dass Statusmeldungen wahrgenommen werden können.

Für die Statusmeldungen mit role=”status” auszeichnen.

Die Statusmeldung nach erfolgreicher Erfassung von Dienstzeiten und Erziehungszeiten wird beim Auftauchen nicht vom Screenreader ausgegeben.

Der Screenreader-Nutzer sollte darüber informiert werden, dass die Erfassung bspw. der Dienstzeiten erfolgreich war.

Mögliche Behebung:

Das Element als Statusmeldung mit role=“status“ und aria-atomic=”true” auszeichnen.

Ergebnis Nachtest 12.01.2023: nicht erfüllt

Der Screenreader liest jetzt Benachrichtigung: wird gespeichert vor.
Die Statusmeldung sollte lauten: Dienstzeit (oder Erziehungszeit) erfolgreich gespeichert, damit blinde Nutzer das Feedback erhalten, dass die Dienst- oder Erziehungszeit tatsächlich gespeichert wurde. Wird gespeichert sagt nichts über den Erfolg aus.

Es gibt Statusmeldungen, die beim Erscheinen nicht vom Screenreader ausgegeben werden - siehe Screen.

Mögliche Behebung:

Das Element als Statusmeldung mit role=“status“ und aria-atomic=”true” auszeichnen.

Ergebnis Nachtest 12.01.2023: nicht erfüllt

Diese Statusmeldungen werden dem Screenreader weiterhin nicht vorgelesen. Nach dem Absenden erhält der Nutzer keinen akustischen Hinweis, dass die Versorgungsauskunft erstellt wurde.
Wenn der Screen “Auskunft” aufgerufen wird, bekommt der Nutzer auf dem Bildschirm einen Hinweis, dass die Versorgungsauskunft erstellt wird. Dies wird vom Screenreader auch nicht ausgegeben:

Diese Statusmeldungen müssen alle dem Screenreader-Nutzer ausgegeben werden. Dies fehlt.

Grunddaten:

Dienstzeiten:

Erziehungszeiten:

Auskunft:

Einige Inhalte werden bei benutzerdefinierten Einstellungen von Schrift und Farbe abgeschnitten oder überlagert.

Beispiele von Inhalten, die überlagert sind:

• Bedienelemente für PDF-Download, Bearbeiten und Löschen

Beispiele von Inhalten, die abgeschnitten sind:

• Eingabefeld für Beginndatum

• Eingabefeld für Enddatum

• Eingabefeld für Geburtsdatum des Kindes

• Eingabefeld für Beginn der Erziehungszeit

• Eingabefeld für Ende der Erziehungszeit

• Eingabefeld für tatsächliche Arbeitszeit

• Eingabefeld für regelmäßige Arbeitszeit

Es wurden folgende Einstellungen vorgenommen:

Eine Erklärung zur Barrierefreiheit ist erforderlich, um den Kriterien der BITV 2.0 zu entsprechen.

Mögliche Behebung:

Einstellung einer Erklärung zur Barrierefreiheit.