Der Alternativtext für das Logo “Mitarbeiterservice Bayern” ist irreführend.

Er lautet: alt="Logo Mitarbeiterservice mit Link zur Startseite".
Das Logo ist nicht verlinkt.
Für nicht verlinkte Grafiken reicht der Alternativtext: alt="Logo Mitarbeiterservice Bayern".

Wenn das Logo verlinkt ist, wird “Link” von assistiven Systemen mit ausgegeben. Dann sollte zusätzlich im Alternativtext die Funktion erläutert werden: alt="Logo Mitarbeiterservice Bayern, zur Startseite"

Die Seite besitzt keine Hauptüberschrift (h1-tag) in der Überschriften-Struktur.

Screenreader User navigieren die Seite über Überschriften und brauchen daher immer eine sinnvolle Überschriften-Struktur.

Mögliche Behebung:

Maximal eine H1 mit einer Überschrift verknüpfen.

Die Elemente Benutzerkonto und Abmelden sind zwar jeweils eine eigene Liste, aber gehören strukturell zusammen.

Mögliche Behebung:

Benutzerkonto und Abmelden zu einer gemeinsamen Liste zusammenführen.

Der Sprunglink „Zur linken Navigationsspalte springen“ beinhaltet ein sensorisches Merkmal; in diesem Fall die Position links. Ein blinder Nutzer kann beispielsweise mit dieser Information nichts anfangen.

Mögliche Behebung:

Die Navigationsspalte auf anderem Wege mit Text beschreiben, ohne rein sensorische Begriffe zu verwenden.

Bei Zoom auf 200 % lässt sich das Burgermenü nicht mit Escape schließen.

Mögliche Behebung:

Burger Menü muss mit Escape geschlossen werden können und der Fokus sollte erhalten bleiben.

Siehe Prüfschritt 9.1.1.4 Text auf 200 % vergrößerbar.

Auf der Seite bzw. im Code sind mehrere Navigationsbereiche (nav-Tag) vorhanden. Beim Einsatz mehrerer Navigationsbereiche benötigt jeder für sich eine zugängliche Beschriftung, die vom Screenreader beim Anspringen ausgegeben wird.

Mögliche Behebung:

Jedem Navigationsbereich ein aria-label geben, das diesen aussagekräftig beschreibt.

Bei Zoom sollte das Bedienelement für das Burgermenü ein Teil des dazugehörigen nav-Bereiches sein. Sonst bekommt der Screenreader-Nutzer beim Springen von Region zu Region nicht mit, dass sich die Navigation hier öffnen lässt.

Die Sprunglinks am Seitenbeginn werden bei Fokussierung nicht eingeblendet. Somit sind sehende Tastaturnutzer hier ausgeschlossen, da sie nicht sehen, wo ihr Fokus liegt.

Mögliche Behebung:

Die Sprunglinks bei Fokuserhalt sichtbar machen.

Die Beschriftung der Links zu den Diensten wird vom Screenreader immer zusammen mit der Beschriftung der Information-Buttons vorgelesen (zum Beispiel „Reisemanagement i“). Die Beschriftung des Buttons gehört nicht zum Linkziel.

Beim Erreichen der Buttons wird das title-Attribut des Links und die Rolle „Link“ mit ausgegeben. Das title-Attribut des Links gehört nicht zum Button. Der Button selbst ist kein Link.

Mögliche Behebung:

Links und Buttons auch im Code trennen, sodass deren Beschriftungen und Rollen auch sauber getrennt vom Screenreader ausgegeben werden.

Kontakt und Hotline haben unterschiedliche Linktexte, führen aber zur selben Seite.

Mögliche Behebung:

Linktext sollte aussagekräftig und identisch sein.

Der Tastatur-Fokus auf die oben gezeigten Elemente besitzt nur ein Kontrastverhältnis von 2:1.

Mögliche Behebung:

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

Wir empfehlen einen CSS- oder Javasript-basierten Ansatz zu wählen, um die Browserunabhängigkeit des Systemkranzes für Fokus zu gewähren.

Die Informations-Buttons haben keinen zugänglichen Namen und auch keine sichtbare Beschriftung.

Dadurch können die Informations-Buttons von Spracheingabe-Nutzern nicht addressiert werden.

Mögliche Behebung:

Die Informations-Buttons mit entsprechendem zugänglichen Namen und einer sichtbaren Beschriftung auszeichnen.

Die Validierung des Codes beinhaltet Syntax-Fehler. Eine fehlerfreie Syntax stellt eine optimale Unterstützung von assistiven Systemen sicher.

Informations-Buttons benötigen einen zugänglichen Namen.

Mögliche Behebung:

Die Informations-Buttons benötigen einen zugänglichen Namen, um von assistiven Technologien korrekt erkannt zu werden, und somit verbundene Barrieren zu beseitigen.

Beispielsweise: Informationen zu Reisemanagement.

Es gibt Bedienelemente, für die beim Anspringen zwei Rollen vom Screenreader ausgegeben werden (Link und Button). Das sind die Bedienelemente für die Dienste.

Siehe hierzu auch Prüfschritt 9.2.4.4 Aussagekräftige Linktexte.

Bei Verwendung benutzerdefinierten Einstellungen wird das bayerische Staatswappen nicht mehr angezeigt - siehe Screen im Dateianhang.

Des Weiteren sind die Informations-Buttons nicht mehr als solche zu erkennen.

Verwendete Einstellungen:

In der Erklärung zur Barrierefreiheit fehlt ein Hinweis, dass Informationen in „Leichter Sprache“ zur Verfügung gestellt werden.

Es sind keine Erläuterungen zum Inhalt und zur Navigation in deutscher Gebärdensprache in Form eines Videos oder eines Avatars vorhanden.

Mögliche Behebung:

Video oder Avatar mit Erläuterungen in Gebärdensprache erstellen und auf der Seite https://referenz.mitarbeiterservice.bayern.de/gebaerdensprache/ einfügen.