Wooclap

Wir führen die in den Tests gefundenen Barrieren hier sortiert nach den Richtlinien der gültigen europäischen Norm EN 301 549 auf, auf die die BITV 2.0 des Bundes und der Länder verweisen. Die Richtlinien beschreiben die zu erfüllenden Erfolgskriterien. In der WCAG 2.1 sind zusätzlich Techniken angegeben, wie die Kriterien erfüllt werden können. BITV, EN 301 549 und die WCAG 2.1 sind deshalb wichtige Dokumente für die Entwickler*innen, um ihre Anwendungen barrierefrei zu programmieren. Der ARIA Authoring Practices Guide (APG) der W3C gibt zudem Hinweise zur Programmierung barrierefreier Webseiten. Die Nummern der Überschriften entsprechen den Kapitelnummern der EN 301 549.

7 Videofähigkeiten
7.1.1 Wiedergabe von Untertiteln

Im Videoplayer sollten Untertitel ein- und ausblendbar sein.

9.1 Wahrnehmbar
9.1.1 Textalternativen
9.1.1.1a Alternativtexte für Bedienelemente

Nicht alle Schalter sind korrekt beschriftet: Bei „Paare bilden" werden die Symbole für richtig oder falsch nicht vorlesen. Beim „Lückentext“ wird nicht angesagt, dass das falsche Wort durchgestrichen ist. Der Timer wird nicht als Countdown angesagt.

9.1.1.1b Alternativtexte für Grafiken und Objekte

Die Alternativtexte werden von Screenreader nicht erkannt, es wird nur der Dateiname vorgelesen.

9.1.3 Anpassbar
9.1.3.2 Sinnvoll Reihenfolge

Die Reihenfolge der Informationen ist an manchen Stellen nicht sinnvoll:

• Beim Anmeldeprozess sollte man sich zuerst zum Mitspielen anmelden können und erst danach sollte die Benutzerregistrierung erfolgen. Testpersonen mit Sprachausgaben sind davon ausgegangen, dass sie sich registrieren müssen, um sich anzumelden.

9.1.4 Unterscheidbar
9.1.4.3 Kontraste von Schrift ausreichend

Folgende Schriften sind nicht kontrastreich genug:

• „Lückentext“: Das Grün der richtigen Wörter in der Lösungsanzeige (2,4:1),

• die grauen Hinweise und Warnmeldungen (2,6:1)

9.1.4.10 Inhalte brechen um

Bei einer Vergrößerung auf 400 Prozent sind nicht alle Inhalte in gleicher Weise in der responsiven Ansicht verfügbar. Bei „Im Bild finden“ und „Beschriftung einfügen“ werden die Bilder nicht mitvergrößert, sondern proportional kleiner. Deshalb verdecken die Beschriftungsnummern das gesamte Bild oder zu markierende Bereiche sind nicht mehr erkennbar.

9.1.4.11 Kontraste von Grafiken und grafischen Bedienelementen ausreichend

Bei den folgenden grafischen Bedienelementen sind die Kontraste nicht ausreichen:

• Button „Ich bin verwirrt“ auf der Eventoberfläche (1,9:1), im Nachrichtenbereich (1,2:1)
• Umrandungen der Lücken im Lückentext

9.2 Bedienbarkeit
9.2.1 Per Tastatur zugänglich
9.2.1.1 Ohne Maus nutzbar

Der Fragetyp „Paare bilden“ kann nicht sinnvoll mit der Tastatur ausgefüllt werden, da ausgewählte Antworten in einem bereits beantworteten Item verschwinden, wenn man sich mit der Pfeiltaste durch die Antwortmöglichkeit eines anderen Items bewegt.

Fenster mit Warnhinweisen sind schwer zu schließen, da der Fokus auf dem „OK“-Schalter schnell verschwindet. Danach liegt der Fokus auf der Webseite dahinter und das Fenster kann nur über einen langen Klickweg geschlossen werden.

9.2.4.6 Aussagekräftige Überschriften und Beschriftungen

Das aria-label beim Anmeldeprozess ist nicht eindeutig. Testpersonen mit Sprachausgabe haben erst nach mehrmaligem Durchklicken der Oberfläche zum Anmelden verstanden, wo sie ihren Namen eingeben mussten und zum Event gelangen.

9.2.3.5 Sichtbare Beschriftung Teil des zugänglichen Namens

Für Spracheingabenutzer*innen ist auf dem Whiteboard das Texteingabefeld auf Posts nicht aktivierbar.

9.3 Verstehbar
9.3.2 Vorhersehbar
9.3.2.4 Konsistente Bezeichnung

Die Gestaltung der verschiedenen Elemente sollte einheitlich sein. Beim Fragetyp „Auf einem Bild finden“ sind die Hinweise für die Aufgabe nicht wie üblich in Grau geschrieben, sondern in Form eines Buttons gestaltet (siehe Screenshot unten).