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
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
__NOTOC__
__NOTOC__
{{Fortsetzung
{{Fortsetzung
|vorher=zurück |vorherlink=ZUM mit Screenreader
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words
|übersicht=H5P Übersicht |übersichtlink=H5P mit Screenreader
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader
}}
}}


{{Box
{{Box
| Titel = H5P-Apps mit einem Screenreader bedienen
| Titel = Interaktive H5P-Apps mit einem Screenreader nutzen - Tests
| Klasse = Lernpfad
| Klasse = Lernpfad
| Inhalt =
| Inhalt =
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps.
* 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]]).
* '''LearningApps''' und '''R-Quiz''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht  bedienbar'''.
* Einige dieser Apps wurden mit verschiedenen Screenreadern getestet. Dabei stellten sich punktuell Einschränkungen hinsichtlich der Usability heraus.
* '''H5P''': Von den zahlreichen H5P-Apps sind zumindest die textbasierten Inhaltstypen mit einem Screenreader  bedienbar.  
* In manchen Fällen können diese von den '''Anwendern''' durch "Bedien-Tricks" umschifft werden.  
* Den Autoren von H5P-Apps wird im Erstell-Formular ermöglicht, einige der interaktiven Elemente mit einer Beschriftung zu versehen, die von Screenreadern vorgelesen wird. Diese Gestaltungsmöglichkeiten schwanken allerdings von Inhaltstyp zu Inhaltstyp. Zudem werden manche Elemente unnötig ausschweifend oder wiederholt vorgelesen, wodurch ein sinnerfassendes Lesen und zügiges Bearbeiten erschwert wird. Hier gibt es noch Verbesserungspotential in Bezug auf die  Usability.     
* 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 folgenden textbasierten H5P-Apps wurden mit den Screenreadern NVDA, JAWS und Narrator erfolgreich getestet. Die Testergebnisse sowie Hinweise zur Bedienung mit Screenreader findet man jeweils am Ende der folgenden Unterseiten zu den einzelnen H5P Inhaltstypen.  
* Es gibt allerdings auch einige Barrieren, die nur von den '''Entwicklern''' der Apps behoben werden können.  
* Allgemeine Hinweise zur Screenreader-Nutzung findet man auf der Seite [[ZUM mit Screenreader]]. 
* Detaillierte Hinweise findet man auf den folgenden Unterseiten zu verschiedenen H5p-Inhaltstypen.
}}
}}
===== Mit Screenreadern getestete H5P Inhaltstypen =====
===== Mit Screenreadern getestete H5P Inhaltstypen =====
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]
Zeile 32: Zeile 31:
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator  
* 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.




Zeile 37: Zeile 46:


{{Fortsetzung
{{Fortsetzung
|vorher=zurück |vorherlink=ZUM mit Screenreader
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words
|übersicht=H5P Übersicht |übersichtlink=H5P mit Screenreader
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader
}}
}}


[[Kategorie:Hilfe]]
[[Kategorie:Hilfe]]
[[Kategorie:Barrierefrei]]
[[Kategorie:Barrierefrei]]

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)