Das Prüfverfahren zur BITV


Sie sind hier: BITV-Test > Prüfergebnisse für Webauftritte (Alle Tests) > Berufsgenossenschaft für Gesundheitsdienst und Wohlfahrtspflege


Blättern: zum ersten Test zum vorhergehenden Test zum nächsten Test zum letzten Test

Berufsgenossenschaft für Gesundheitsdienst und Wohlfahrtspflege

Prüfung

Ergebnis

Punkte: 92,75 von 100 (gut zugänglich)

Geprüfte Seiten

Seite 1 (Startseite)

Seite 2 (Video)

Seite 3 (Formular)

Seite 4 (Tab-Panel)

Seite 5 (Akkordeon)

Bewertung und Anmerkungen zu einzelnen Prüfschritten

Teilweise erfüllt sind 2 von 50 Prüfschritten:

  • Prüfschritt 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung

    Nach Auswahl von "Branche wählen" öffnet sich einen Lightbox. Beim nächsten Tab wandert man allerding wieder im Seitenhintergrund, erst später kommt man in die Lightbox. Dasselbe gilt für die weiteren Lightboxen (Auswahl einer Branche oder Branchenauswahl-Hilfe). Dies erschwert die Nachvollziehbarkeit der Tab-Reihenfolge sehr.

    Seite 1: teilweise erfüllt

    Siehe allg. Anmerkungen.
    Slider: Die Nachvollziehbarkeit der Tabreihefolge wird erschwert, da der Fokus über mehrere Stationen (6x) nicht sichtbar ist (fehlende Fokushervorhebung der Bedienelementen).

    Seite 2: teilweise erfüllt

    Siehe allg. Anmerkungen.

    Seite 3: teilweise erfüllt

    Siehe allg. Anmerkung.

    • Formular: Sinnvoll wäre eine Tabreihenfolge "Datum von" - "bis", hier jedoch "Datum von", dann "Branche", "Sortierung", "Entfernung", dann erst "bis".
    Seite 4: teilweise erfüllt

    Siehe allg. Anmerkung.

    • Tab-Panel: Nach Auswahl eines Reiters sollte beim nächsten Tab, die Elemente im eingeblendeten Inhalt fokussiert werden. Hier wandert man zuerst durch alle Reiter, bis man in den Inhaltselementen landet. Sreenrader-Nutzer können möglicherweise den Inhalt nicht mehr mit dem Reiter in Verbindung bringen.
      Dies ist für blinde Nutzer sehr schwer nachvollziehbar.
    Seite 5: teilweise erfüllt

    Siehe allg. Anmerkung.

    Punktabzug: 1 Punkt

  • Prüfschritt 4.1.1a - Valides HTML

    Seite 2, 4: nicht erfüllt
    Seite 1, 3, 5: erfüllt

    Punktabzug: 1 Punkt

Eher erfüllt sind 11 von 50 Prüfschritten:

  • Prüfschritt 1.3.1a - HTML-Strukturelemente für Überschriften

    Seite 2: eher erfüllt
    • "Unfall melden" und " Berufskrankheit melden" sollten untergeordnete Überschriften von "Was tun, wenn etwas passiert" sein (hier auf derselben Ebene).
    • "Mehr zum Thema Rehabilitation" sollte als h2-Überschrift ausgezeichnet werden.
    Seite 3: eher erfüllt

    "Nutzen Sie unsere praktische Suchfunktion!" sollte besser als h2-Überschrift ausgezeichnet werden, da sie sich inhaltlich der Hauptüberschrift unterordnet.

    Seite 1, 4, 5: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 1.3.1d - Inhalte gegliedert

    Lightbox "Hier Branche wählen": "Sie wissen nicht, welcher Branche Sie angehören? Wir helfen Ihnen..." ist nicht mit einem Absatzelement gegliedert.

    Seite 1: eher erfüllt

    Siehe allg. Anmerkung.

    • Die drei Teaser-Textblöcke sind nicht mit Absatzelementen gegliedert.
    Seite 3: eher erfüllt

    Die beiden Radiobutton "Datum" und "Entfernung" sollten mit fieldset gegliedert sein, mit einer gemeinsamen legend "Sortierung".

    Seite 2, 4, 5: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar

    Das Logo hat einen transparenten Hintergrund und kann bei bestimmten benutzerdefinierten Farbeinstellungen nicht oder schlecht sichtbar sein.

    Seite 1: eher erfüllt

    Siehe allg. Anmerkung.

    • Slider: Da Überschrift und Absatz keinen eigenen Hintergrund haben, ist der Text bei benutzerdefinierten Farbeinstellungen nicht mehr sichtbar. (Die slider bullets sind bei benutzerdefinierten Farbeinstellungen nicht mehr sichtbar.)
    Seite 2: eher erfüllt

    Siehe allg. Anmerkung.

    Seite 3: eher erfüllt

    Siehe allg. Anmerkung.

    Seite 4: eher erfüllt

    Siehe allg. Anmerkung.
    Tab-Panel: Bei benutzerdefinierten Farben wird visuell nicht mehr deutlich, welcher Reiter ausgewählt ist. Die Überschrift wiederholt zudem nicht den Text des Reiters.

    Seite 5: eher erfüllt

    Siehe allg. Anmerkung.

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.1.1a - Ohne Maus nutzbar

    Die Schließen-Schaltfläche der Lightbox ("Branche wählen") ist mit der Tastatur nicht erreich- und bedienbar. Das Schließen über "Esc" ist nicht dokumentiert. Bzgl. der Lightbox einer einzelnen Branche gibt es neben dem nicht zugänglichen Schließen-Button einen zusätzlichen "Abbrechen"-Button, der bedienbar ist.

    Seite 1: eher erfüllt

    Siehe allg. Anmerkung.
    Bzgl. Pause-Button Slider siehe Bewertung PS "Aktuelle Position des Fokus sichtbar".

    Seite 2: eher erfüllt

    Siehe allg. Anmerkung.
    Lightbox "Seite weiterempfehlen": Die beiden Bedienelemente "Abbrechen" und "Schließen" sind mit der Tastatur nicht erreichbar.

    Seite 3: eher erfüllt

    Siehe allg. Anmerkung.
    Suchfunktion für Schulungstermin: Klickt man in die Formularfelder "Datum von" oder "bis" wird jeweils ein Datepicker eingeblendet, die mit der Tastatur nicht bedient werden können. Besser wäre, wenn die Datepicker dann bei Tastaturbedienung nicht eingeblendet werden. Man kann jedoch das Datum direkt eingeben. Eine Feldvorbelegung zeigt an, welches Format akzeptiert wird.

    Seite 4: eher erfüllt

    Siehe allg. Anmerkung.
    Die Schließen-Schaltflächen der Bildvergrößerungen (Lightboxen) sind mit der Tastatur nicht bedienbar.

    Seite 5: eher erfüllt

    Siehe allg. Anmerkung.

    Punktabzug: 0,75 Punkte

  • Prüfschritt 2.4.1a - Inhaltsbereiche strukturiert

    Seite 1: eher erfüllt
    • Die Überschrift für den Inhaltsbereich (oberhalb der 3 Links) fehlt hier (vergl. h1 S. 2).
    • h2 "Bereichsmenü" (siehe S. 2) fehlt hier.
    Seite 2, 3, 4, 5: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.4.4a - Aussagekräftige Linktexte

    Alle Seiten, Styleswitcher "Schriftgröße": Der Linktext - in diesem Falle dient das title-Attribut ("Schriftgröße") für sehende Nutzer als Linktext - ist nicht aussagekräftig. Der Nutzer erwartet bei drei unterstrichenen "A", dass es sich um drei getrennte Bedienelemente handelt, mit je einer Funktion zur Schriftvergrößerung/-verkleinerung (klein, mittel, groß). Stattdessen führt hier aber der Link auf eine Hilfe-Seite, auf der erklärt wird, wie die Schriftgröße geändert werden kann. Das muss über den Linktext vermittelt werden.

    Seite 1, 2, 3, 4, 5: eher erfüllt

    Punktabzug: 0,25 Punkte

  • Prüfschritt 2.4.4b - Links informieren über Dateiformat

    Seite 4: eher erfüllt

    PDF-Flyer "Gesund am PC arbeiten: weder im Linktext noch im title-Attribut oder im angrenzenden Fließtext wird auf das Datei-Format hingewiesen.

    Seite 5: eher erfüllt

    PDF-Datei Kurzanleitung: Linktext, title-Attribut oder im angrenzenden Fließtext wird nicht auf das Datei-format hingeiwesen.

    Seite 1, 2, 3: nicht anwendbar

    Punktabzug: 0,25 Punkte

  • Prüfschritt 2.4.7a - Aktuelle Position des Fokus deutlich

    Seite 1: eher erfüllt
    • Keine Fokushervorhebung auf den Bedienelementen des Sliders, somit ist der Pause-Button nicht mit der Tastatur bedienbar.
    • Bzgl. der drei Links "Formulare (Unfallanzeige)", "Online-Entgeltnachweis", "Gefährdungsbeurteilung" wäre ein zusätzlicher Farbwechsel (siehe Mausnutzung) als Fokushervorhebung wünschenswert.
    Seite 2: eher erfüllt
    • Bzgl. der Linkliste "Unfall melden", "Berufskrankheit melden" ist die Fokushervorhebung zu schwach (vergl. Mausnutzung, hier besser).
    Seite 5: eher erfüllt
    • "Zum BGW-Lernportal": Fokushervorhebung auf dem Button ist kaum zu erkennen. Besser wäre eine Hervorhebung wie in der linken Spalte "Hier die Branche wählen".
    • Akkordeon-Modul. Die Fokushervorhebung auf den Akkordeon-Headern ist ok (grafisches Symbol wird hervorgehoben), nutzerfreundlicher wäre jedoch, wenn die ganze Zeile hervorgehoben wäre (verg. Mausnutzung).
    Seite 3: erfüllt
    • Bzgl. der e-mail- und Internet-Links in den Suchergebnissen wäre eine zusätzliche Hervorhebung ähnlich wie bei anderen Links, z.B. graue Hintergrund und Unterstreichung wünschenswert.
    • Fokushervorhebung auf dem "weiter"-Button zu schwach (Blätter-Schaltfläche Ergebnisse).
    Seite 4: erfüllt

    Punktabzug: 0,25 Punkte

  • Prüfschritt 3.1.2b - Anderssprachige Wörter ausgezeichnet

    Seite 3: teilweise erfüllt

    nicht ausgezeichnet "Beauty", "Health & Style",

    Seite 1: erfüllt

    Keine anderssprachigen Wörter vorhanden.

    Seite 2: erfüllt

    Keine anderssprachigen Wörter vorhanden.

    Seite 4: erfüllt

    Keine anderssprachigen Wörter vorhanden.

    Seite 5: erfüllt

    Keine anderssprachigen Wörter vorhanden.

    Punktabzug: 0,25 Punkte

  • Prüfschritt 3.3.2a - Formularfelder richtig beschriftet

    Seite 3: teilweise erfüllt
    • "Datum von", "Datum bis": Da der Date-Picker nicht zugänglich ist, sollte die direkte Eingabe so möglich sein, dass möglichst fehlerhafte Eingaben vermieden werden. Dazu wäre in diesem Fall nötig, dass das geforderte Eingabeformat im label steht und nicht nur als Textvorbelegung gegeben ist. Diese wird dem Screenreadernutzer nicht ausgegeben.
    • Die label der beiden Selects "Branche" und "Entfernung" sind nicht mit dem entsprechenden Formularfeld verknüpft.
    Seite 1, 2, 4, 5: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 4.1.2a - Name und Rolle von Bedienelementen verfügbar

    Seite 4: eher erfüllt

    Tab-Panel: Die Reiter sind zwar mit WAI-ARIA ausgezeichnet (aria-expanded) und der Zustand wird bei Auswahl eines Reiters korrekt angesagt ("erweitert"), zusätzlich wird jedoch "nicht verfügbar" ausgegeben, was zu Irritierungen beim Nutzer führen kann. (FF/NVDA: "erweitert - nicht verfügbar").

    Seite 5: eher erfüllt

    Akkordeon: Der Zustand der Akkordeon-Panels wird nicht wiedergegeben (reduziert, erweitert). Für blinde Nutzer ist das Modul dadurch schwer verstänlich. Sie aktivieren eine Link und Inhalt wird eingeblendet, ohne Rückmeldung.

    Seite 1, 2, 3: erfüllt

    Punktabzug: 0,5 Punkte

Erfüllt sind 26 von 50 Prüfschritten:

Nicht anwendbar sind 11 von 50 Prüfschritten:

Blättern: zum ersten Test zum vorhergehenden Test zum nächsten Test zum letzten Test