Nachricht für neue Nutzer.
Nachricht für engagierte Nutzer.

H5P mit Screenreader: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
Markierung: Quelltext-Bearbeitung 2017
KKeine Bearbeitungszusammenfassung
Markierung: Quelltext-Bearbeitung 2017
 
Zeile 7: Zeile 7:


{{Box
{{Box
| Titel = Interaktive H5P-Apps mit einem Screenreader nutzen - Testergebnisse, Tipps und Tricks
| Titel = Interaktive H5P-Apps mit einem Screenreader nutzen - Tests
| Klasse = Lernpfad
| Klasse = Lernpfad
| Inhalt =
| Inhalt =
* Von den zahlreichen H5P-Apps sind zumindest einige der '''textbasierten Inhaltstypen''' mit den Standard-Tastaturkommandos zur Navigation auf Web-Seiten mit einem Screenreader bedienbar (siehe [[ZUM_mit_Screenreader]]).  
* Von den zahlreichen H5P-Apps sind zumindest einige der '''textbasierten Inhaltstypen''' mit den Standard-Tastaturkommandos zur Navigation auf Web-Seiten mit einem Screenreader bedienbar (siehe [[ZUM_mit_Screenreader]]).  
* Allerdings gibt es auch bei diesen Apps - je nach Typ - hier und da "Klippen", die die Usability beeinträchtigen.  
* Einige dieser Apps wurden mit verschiedenen Screenreadern getestet. Dabei stellten sich punktuell Einschränkungen hinsichtlich der Usability heraus.
* In manchen Fällen können diese von den '''Anwendern''' durch "Bedien-Tricks" umschifft werden.  
* In manchen Fällen können diese von den '''Anwendern''' durch "Bedien-Tricks" umschifft werden.  
* Die '''Autoren''' interaktiver H5P-Übungen können manchmal auch bei Erstellung der Apps über die Einstellungen im H5P-Erstellformular zur Verbesserung die Usability erhöhen.  
* Die '''Autoren''' interaktiver H5P-Übungen können manchmal auch bei Erstellung der Apps über die Einstellungen im H5P-Erstellformular zur Verbesserung die Usability erhöhen.  
Zeile 32: Zeile 32:
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator  
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator  


===== Test-Ergebnisse allgemein =====
===== Zusammenfassung der Testergebnisse =====
* Die getesteten H5P-Inhaltstypen sind weitgehend barrierefrei mit einem Screenreader bedienbar.
* Die getesteten H5P-Inhaltstypen sind weitgehend barrierefrei mit einem Screenreader bedienbar.
* '''Mathematische und chemische Formeln''' werden in H5P mithilfe von MathJax gerendert. In der visuellen Darstellung (2D-Mathematikschrift) funktioniert das auch. Die auditive Umsetzung ist aber bei Potenzen oder Brüchen fehlerhaft, so dass sie vom Screenreader nicht korrekte vorgelesen werden.
* '''Mathematische und chemische Formeln''' werden in H5P mithilfe von MathJax gerendert. In der visuellen Darstellung (2D-Mathematikschrift) funktioniert das auch gut. Die auditive Umsetzung hat sich aber in den Tests bei Potenzen oder Brüchen als fehlerhaft herausgestellt: Sie werden vom Screenreader '''nicht korrekte vorgelesen'''.
* Die Autoren interaktiver H5P-Übungen können bei der Erstellung der Apps in den Bearbeitungsformularen die '''Beschriftungen''' einiger '''interaktiver Objekte''' frei festlegen, die von Screenreadern automatisch vorgelesen werden. Im Sinne der Accessibility ist dies grundsätzlich begrüßenswert. Allerdings gibt es dabei in Bezug auf die Usability Verbesserungsbedarf.  
* Die '''Beschriftungen''' einiger '''interaktiver Objekte''' können von den Autoren interaktiver H5P-Übungen bei der Erstellung der Apps in den Bearbeitungsformularen frei festlegt werden. Diese Beschriftungen werden von Screenreadern automatisch vorgelesen. Dies entspricht zwar grundsätzlich den Anforderungen der Accessibility, ist aber in einzelnen Fällen '''bezüglich der Usability verbesserungsfähig'''.  
** Manche Beschriftungen werden z.B. unnötigerweise nicht nur einmal, sondern mehrfach wiederholt vorgelesen.  
** Manche Beschriftungen werden z.B. unnötigerweise nicht nur einmal, sondern mehrfach wiederholt vorgelesen, was sich als ausgesprochen lästig erweisen kann.
** Die Beschriftungsfelder sind im Bearbeitungs-Formular grundsätzlich als Pflichtfelder ausgewiesen. In manchen Fällen ist es aber durchaus wünschenswert, dass gar keine Beschriftung vorgelesen wird, weil es an dieser Stelle einfach nicht notwendig ist.  
** Die Beschriftungsfelder sind im Bearbeitungs-Formular grundsätzlich als Pflichtfelder ausgewiesen, die mit einem Textinhalt gefüllt werden ''müssen''. In manchen Fällen kann es aber durchaus sinnvoll sein, wenn gar keine Beschriftung vorgelesen wird, weil es an dieser Stelle einfach nicht notwendig ist und eher stört. Die Beschriftungs-Textfelder sollten im Formular daher zwar einen Default-Wert erhalten, der aber vom Autor auch gelöscht werden kann.
** In einigen Apps gibt es auch Objekte, deren Beschriftung nicht geändert werden kann, obwohl dies manchmal wünschenswert wäre.
** In einigen Apps gibt es auch Objekte, deren Beschriftung nicht geändert werden kann, obwohl dies manchmal wünschenswert wäre.
; Fazit  
; Fazit  
: Auch wenn nicht alle H5P-Inhaltstypen mit Screenreadern zugänglich sind und bei den zugänglichen Apps noch Verbesserungen möglich sind, bleibt doch grundsätzlich festzuhalten, dass bei Auswahl entsprechend geeigneter Inhaltstypen die positiven Lern-Effekte, die durch den Einsatz interaktiver H5P-Übungen erzielt werden können, grundsätzlich auch für Schülerinnen und Schülern möglich sind, die mit assistiven Technologien arbeiten.
: Auch wenn (noch) nicht alle H5P-Inhaltstypen mit Screenreadern zugänglich sind und bei den zugänglichen Apps noch Verbesserungen möglich sind, bleibt doch grundsätzlich festzuhalten, dass bei Auswahl geeigneter Inhaltstypen auch '''Lernende, die mit assistiven Technologien arbeiten, von den positiven Lern-Effekten profitieren''' können, die allgemein durch den Einsatz interaktiver H5P-Übungen erzielt werden können.





Aktuelle Version vom 10. Juni 2026, 08:37 Uhr

Interaktive H5P-Apps mit einem Screenreader nutzen - Tests
  • Von den zahlreichen H5P-Apps sind zumindest einige der textbasierten Inhaltstypen mit den Standard-Tastaturkommandos zur Navigation auf Web-Seiten mit einem Screenreader bedienbar (siehe ZUM_mit_Screenreader).
  • Einige dieser Apps wurden mit verschiedenen Screenreadern getestet. Dabei stellten sich punktuell Einschränkungen hinsichtlich der Usability heraus.
  • In manchen Fällen können diese von den Anwendern durch "Bedien-Tricks" umschifft werden.
  • Die Autoren interaktiver H5P-Übungen können manchmal auch bei Erstellung der Apps über die Einstellungen im H5P-Erstellformular zur Verbesserung die Usability erhöhen.
  • Es gibt allerdings auch einige Barrieren, die nur von den Entwicklern der Apps behoben werden können.
  • Detaillierte Hinweise findet man auf den folgenden Unterseiten zu verschiedenen H5p-Inhaltstypen.
Mit Screenreadern getestete H5P Inhaltstypen
  1. Drag the Words (H5P) mit Screenreader
  2. Single Choice (H5P) mit Screenreader
  3. Sort the Paragraphs (H5P) mit Screenreader
  4. Fill in the Blanks (H5P) mit Screenreader
  5. Multiple Choice (H5P) mit Screenreader
  6. Mark the Words (H5P) mit Screenreader
Test-Konfiguration

Die Screeenreader Hinweise zu den einzelnen H5P-Inhaltstypen basieren auf Tests, bei denen folgende Softwarekomponenten verwendet wurden:

  • Betriebssystem Microsoft Windows 11
  • Browser: Google Chrome
  • Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026
  • Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator
Zusammenfassung der Testergebnisse
  • Die getesteten H5P-Inhaltstypen sind weitgehend barrierefrei mit einem Screenreader bedienbar.
  • Mathematische und chemische Formeln werden in H5P mithilfe von MathJax gerendert. In der visuellen Darstellung (2D-Mathematikschrift) funktioniert das auch gut. Die auditive Umsetzung hat sich aber in den Tests bei Potenzen oder Brüchen als fehlerhaft herausgestellt: Sie werden vom Screenreader nicht korrekte vorgelesen.
  • Die Beschriftungen einiger interaktiver Objekte können von den Autoren interaktiver H5P-Übungen bei der Erstellung der Apps in den Bearbeitungsformularen frei festlegt werden. Diese Beschriftungen werden von Screenreadern automatisch vorgelesen. Dies entspricht zwar grundsätzlich den Anforderungen der Accessibility, ist aber in einzelnen Fällen bezüglich der Usability verbesserungsfähig.
    • Manche Beschriftungen werden z.B. unnötigerweise nicht nur einmal, sondern mehrfach wiederholt vorgelesen, was sich als ausgesprochen lästig erweisen kann.
    • Die Beschriftungsfelder sind im Bearbeitungs-Formular grundsätzlich als Pflichtfelder ausgewiesen, die mit einem Textinhalt gefüllt werden müssen. In manchen Fällen kann es aber durchaus sinnvoll sein, wenn gar keine Beschriftung vorgelesen wird, weil es an dieser Stelle einfach nicht notwendig ist und eher stört. Die Beschriftungs-Textfelder sollten im Formular daher zwar einen Default-Wert erhalten, der aber vom Autor auch gelöscht werden kann.
    • In einigen Apps gibt es auch Objekte, deren Beschriftung nicht geändert werden kann, obwohl dies manchmal wünschenswert wäre.
Fazit
Auch wenn (noch) nicht alle H5P-Inhaltstypen mit Screenreadern zugänglich sind und bei den zugänglichen Apps noch Verbesserungen möglich sind, bleibt doch grundsätzlich festzuhalten, dass bei Auswahl geeigneter Inhaltstypen auch Lernende, die mit assistiven Technologien arbeiten, von den positiven Lern-Effekten profitieren können, die allgemein durch den Einsatz interaktiver H5P-Übungen erzielt werden können.


Autor: Ulrich Kalina (Benutzer:Ukalina)