http://zumunterrichten.idea-sketch.com/api.php?action=feedcontributions&feedformat=atom&user=UkalinaZUM-Unterrichten - Benutzerbeiträge [de]2026-08-10T09:35:03ZBenutzerbeiträgeMediaWiki 1.43.9http://zumunterrichten.idea-sketch.com/index.php?title=Lernpfad_Lineare_Funktionen/LF_Anhang&diff=156347Lernpfad Lineare Funktionen/LF Anhang2026-06-10T17:04:35Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Lineare Funktionen/LF05 Aufgaben<br />
|weiter=|weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Lineare Funktionen#Kapitelübersicht<br />
}} <!-- Fortsetzung --><br />
<br />
<br />
{{Box<br />
|Titel = Abbildungen zum Lernpfad Lineare Funktionen zum Download<br />
|Klasse = Download<br />
|Inhalt =<br />
Die Abbildungen in diesem Lernpfad stehen hier im Anhang als PDF-Dokumente sowohl in Großdruck als auch - zur Weiterverarbeitung - ohne Beschriftungen zum Download zur Verfügung. <br />
}}<br />
<br />
====Abbildungen in [[Lernpfad Lineare Funktionen/LF05 Aufgaben|LF05 Aufgaben]]====<br />
{{nSpalten|4|<br />
[[Datei:LF05 Abbildung 1.pdf|mini|[[:Datei:LF05 Abbildung 1.pdf|LF05 Abbildung 1.pdf]]]]<br />
[[Datei:LF05 Abbildung 1.png|mini|[[:Datei:LF05 Abbildung 1.png|LF05 Abbildung 1.png]]]]<br />
}} <!-- Ende 4 Spalten-Bereich --><br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Lineare Funktionen/LF05 Aufgaben<br />
|weiter=|weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Lineare Funktionen#Kapitelübersicht<br />
}} <!-- Fortsetzung --><br />
<br />
<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Lernpfad_Lineare_Funktionen/LF_Anhang&diff=156346Lernpfad Lineare Funktionen/LF Anhang2026-06-10T17:04:03Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Lineare Funktionen/LF05 Aufgaben<br />
|weiter=|weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Lineare Funktionen#Kapitelübersicht<br />
}} <!-- Fortsetzung --><br />
<br />
<br />
{{Box<br />
|Titel = Abbildungen zum Lernpfad Lineare Funktionen zum Download<br />
|Klasse = Download<br />
|Inhalt =<br />
Die Abbildungen in diesem Lernpfad stehen hier im Anhang als PDF-Dokumente sowohl in Großdruck als auch - zur Weiterverarbeitung - ohne Beschriftungen zum Download zur Verfügung. <br />
}}<br />
<br />
====Abbildungen in [[Lernpfad Lineare Funktionen/LF05 Aufgaben|LF05 Aufgaben]]====<br />
{{nSpalten|4|<br />
[[Datei:LF05 Abbildung 1.pdf|mini|[[:Datei:LF05 Abbildung 1.pdf|LF05 Abbildung 1.pdf]]]]<br />
[[Datei:LF05 Abbildung 1.png|mini|[[:Datei:LF05 Abbildung 1.png|LF05 Abbildung 1.png]]]]<br />
}} <!-- Ende 4 Spalten-Bereich --><br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück<br />
|vorherlink=Lernpfad Quadratische Funktionen/QF09 Sachanwendungen quadratischer Funktionen<br />
|weiter=weiter<br />
|weiterlink=Lernpfad Quadratische Funktionen<br />
|übersicht=Kapitelübersicht<br />
|übersichtlink=Lernpfad Quadratische Funktionen#Kapitel im Lernpfad Quadratische Funktionen<br />
}} <!-- Fortsetzung --><br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Lineare Funktionen/LF05 Aufgaben<br />
|weiter=|weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Lineare Funktionen#Kapitelübersicht<br />
}} <!-- Fortsetzung --><br />
<br />
<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Datei:LF05_Abbildung_1.png&diff=156345Datei:LF05 Abbildung 1.png2026-06-10T17:02:31Z<p>Ukalina: eigenes Werk mit dem Hochlade-Assistenten hochgeladen</p>
<hr />
<div>=={{int:filedesc}}==<br />
{{Information<br />
|description={{de|1=LF05 Abbildung 1.png mit drei Geraden in einem Koordinatensystem}}<br />
|date=2026-06-10<br />
|source={{own}}<br />
|author=[[User:Ukalina|Ukalina]]<br />
|permission=<br />
|other versions=<br />
}}<br />
<br />
=={{int:license-header}}==<br />
{{self|cc-by-sa-4.0}}<br />
<br />
[[Kategorie:Mathematik]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Lernpfad_Lineare_Funktionen/LF_Anhang&diff=156344Lernpfad Lineare Funktionen/LF Anhang2026-06-10T17:00:39Z<p>Ukalina: Die Seite wurde neu angelegt: „__NOTOC__ {{Fortsetzung |vorher=zurück|vorherlink=Lernpfad Lineare Funktionen/LF05 Aufgaben |weiter=|weiterlink= |übersicht=Kapitelübersicht|übersichtlink=Lernpfad Lineare Funktionen#Kapitelübersicht }} <!-- Fortsetzung --> {{Box |Titel = Abbildungen zum Lernpfad Lineare Funktionen zum Download |Klasse = Download |Inhalt = Die Abbildungen in diesem Lernpfad stehen hier im Anhang als PDF-Dokumente sowohl in Großdruck als auch - zur Weiterverarbeitu…“</p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Lineare Funktionen/LF05 Aufgaben<br />
|weiter=|weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Lineare Funktionen#Kapitelübersicht<br />
}} <!-- Fortsetzung --><br />
<br />
<br />
{{Box<br />
|Titel = Abbildungen zum Lernpfad Lineare Funktionen zum Download<br />
|Klasse = Download<br />
|Inhalt =<br />
Die Abbildungen in diesem Lernpfad stehen hier im Anhang als PDF-Dokumente sowohl in Großdruck als auch - zur Weiterverarbeitung - ohne Beschriftungen zum Download zur Verfügung. <br />
}}<br />
<br />
====Abbildungen in [[Lernpfad Lineare Funktionen/LF05 Aufgaben|LF05 Aufgaben]]====<br />
{{nSpalten|4|<br />
[[Datei:LF05 Abbildung 1.pdf|mini|[[:Datei:LF05 Abbildung 1.pdf|QF01 Normalparabel Punkte Arial24.pdf]]]]<br />
[[Datei:LF05 Abbildung 1.png|mini|[[:Datei:LF05 Abbildung 1.png|LF05 Abbildung 1.png]]]]<br />
}} <!-- Ende 4 Spalten-Bereich --><br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück<br />
|vorherlink=Lernpfad Quadratische Funktionen/QF09 Sachanwendungen quadratischer Funktionen<br />
|weiter=weiter<br />
|weiterlink=Lernpfad Quadratische Funktionen<br />
|übersicht=Kapitelübersicht<br />
|übersichtlink=Lernpfad Quadratische Funktionen#Kapitel im Lernpfad Quadratische Funktionen<br />
}} <!-- Fortsetzung --><br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Lineare Funktionen/LF05 Aufgaben<br />
|weiter=|weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Lineare Funktionen#Kapitelübersicht<br />
}} <!-- Fortsetzung --><br />
<br />
<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Lernpfad_Lineare_Funktionen/LF05_Aufgaben&diff=156343Lernpfad Lineare Funktionen/LF05 Aufgaben2026-06-10T16:48:45Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Lineare Funktionen/LF04 Aufgaben<br />
|weiter=weiter|weiterlink=Lernpfad Lineare Funktionen/LF Anhang<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Lineare Funktionen#Kapitelübersicht<br />
}}<br />
<br />
{{Box<br />
|Titel = 1. Aufgabe Wertetabelle vervollständigen<br />
|Klasse = Üben<br />
|Inhalt =<br />
Die folgende Wertetabelle gehört zu der linearen Funktion <math>f(x)=m \cdot x + b</math>. Ermittle die Werte für den Steigungsfaktor m, den y-Achsenabschnitt b, die fehlenden Punktkoordinaten u und v sowie die Nullstelle w der Funktion.<br />
{{(!}} cellpadding="5" cellspacing="0" border="1"<br />
{{!+}} '''Tabelle 1: <math>f(x)=m \cdot x + b</math>'''<br />
{{!}}align="center" {{!}}'''x''' <br />
{{!}} -1<br />
{{!}} 0<br />
{{!}} 2<br />
{{!}} u<br />
{{!-}}<br />
{{!}}align="center" {{!}}'''f(x)'''<br />
{{!}} v<br />
{{!}} -3<br />
{{!}} 1<br />
{{!}} 5<br />
{{!)}}<br />
<br />
<br />
{{h5p-zum|id=46907|height=350px}} <br />
}} <!-- Box Aufgabe 1 --><br />
<br />
{{Box<br />
|Titel = 2. Aufgabe Wertetabelle vervollständigen<br />
|Klasse = Üben<br />
|Inhalt =<br />
Die folgende Wertetabelle gehört zu der linearen Funktion <math>g(x)=m \cdot x + b</math>. Ermittle die Werte für den Steigungsfaktor m, den y-Achsenabschnitt b, die fehlenden Punktkoordinaten u und v sowie die Nullstelle w der Funktion.<br />
{{(!}} cellpadding="5" cellspacing="0" border="1"<br />
{{!+}} '''Tabelle 2: <math>g(x)=m \cdot x + b</math>'''<br />
{{!}}align="center" {{!}}'''x''' <br />
{{!}} -5<br />
{{!}} 0<br />
{{!}} 5<br />
{{!}} u <!-- -2,5 --><br />
{{!-}}<br />
{{!}}align="center" {{!}}'''g(x)'''<br />
{{!}} v <!-- 3 --><br />
{{!}} 1<br />
{{!}} -1<br />
{{!}} 2<br />
{{!)}}<br />
<br />
<br />
{{h5p-zum|id=46923|height=350px}} <br />
}} <!-- Box Aufgabe 2 --><br />
<br />
<br />
[[Datei:LF05 Abbildung 1.pdf|mini|right|350px|LF05 Abbildung 1 - Drei Geraden im Koordinatensystem]]<br />
{{Box<br />
|Titel = 3. Aufgabe Funktionsgleichung aus Graphen ablesen<br />
|Klasse = Üben<br />
|Inhalt = In LF05 Abbildung 1 sind drei Geraden dargestellt: Die Gerade <math> f </math> als durchgezogene Linie, die Gerade <math> g </math> als gestrichelte und die Gerade <math> h </math> als gepunktete Linie. Bestimme zu jeder Geraden ihren Steigungsfaktor und den y-Achsenabschnitt.<br />
<br />
{{h5p-zum|id=46926|height=400px}} <br />
}} <!-- Box Aufgabe 3 --><br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Lineare Funktionen/LF04 Aufgaben<br />
|weiter=weiter|weiterlink=Lernpfad Lineare Funktionen/LF Anhang<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Lineare Funktionen#Kapitelübersicht<br />
}}<br />
<br />
<br />
[[Kategorie:Mathematik]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina&diff=156299Benutzer:Ukalina2026-06-10T11:39:33Z<p>Ukalina: </p>
<hr />
<div>Dies ist die Benutzerseite von Ulrich Kalina im Wiki ZUM Unterrichten. Sie enthält eine Sammlung von Beiträgen aus den Bereichen Mathematik, Informatik und zum Thema Barrierefreiheit. <br />
<br />
==== Mathematik ====<br />
* [[Arithmico|Arithmico - der barrierefreie Taschenrechner]]<br />
** [[Arithmico/Arithmico_Online-Anleitung|Arithmico Anleitung online]]<br />
** [[Arithmico#Lernvideo "Der Arithmico Taschenrechner - Erste Schritte mit einem Screenreader"|Lernvideo "Arthmico - Erste Schritt mit einem Screenreader"]]<br />
* [[Baumdiagramme als Grafik und in Textform]]<br />
* [[Funktionen|Funktionen]]<br />
** [[Lernpfad Lineare Funktionen|Lernpfad Lineare Funktionen]] (noch nicht fertig)<br />
** [[Lernpfad Quadratische Funktionen|Lernpfad Quadratische Funktionen]]<br />
* [[Benutzer:Ukalina/Mathematik Testseiten|Meine Mathematik Testseiten]]<br />
==== Informatik ====<br />
* [[Lernpfad Know-How-Computer]]<br />
==== Barrierefreiheit ====<br />
* [[Barrierefreiheit in ZUM und H5P-Apps]]<br />
** [[ZUM_mit_Screenreader|ZUM-Seiten mit einem Screenreader lesen]]<br />
** [[H5P_mit_Screenreader|Interaktive H5P-Apps mit einem Screenreader nutzen - Testergebnisse, Tipps und Tricks]]<br />
==== Sonstiges ====<br />
* [[Lernpfad Wiki-Kurs]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina&diff=156295Benutzer:Ukalina2026-06-10T11:34:07Z<p>Ukalina: </p>
<hr />
<div>Dies ist die Benutzerseite von Ulrich Kalina im Wiki ZUM Unterrichten. Sie enthält eine Sammlung von Beiträgen aus den Bereichen Mathematik, Informatik und zum Thema Barrierefreiheit. <br />
<br />
* [[Lernpfad Wiki-Kurs]]<br />
; Barrierefreiheit<br />
* [[Barrierefreiheit in ZUM und H5P-Apps]]<br />
** [[ZUM_mit_Screenreader|ZUM-Seiten mit einem Screenreader lesen]]<br />
** [[H5P_mit_Screenreader|Interaktive H5P-Apps mit einem Screenreader nutzen - Testergebnisse, Tipps und Tricks]]<br />
; Informatik<br />
* [[Lernpfad Know-How-Computer]]<br />
; Mathematik<br />
* [[Arithmico|Arithmico - der barrierefreie Taschenrechner]]<br />
** [[Arithmico/Arithmico_Online-Anleitung|Arithmico Anleitung online]]<br />
** [[Arithmico#Lernvideo "Der Arithmico Taschenrechner - Erste Schritte mit einem Screenreader"|Lernvideo "Arthmico - Erste Schritt mit einem Screenreader"]]<br />
* [[Baumdiagramme als Grafik und in Textform]]<br />
* [[Funktionen|Funktionen]]<br />
** [[Lernpfad Lineare Funktionen|Lernpfad Lineare Funktionen]] (noch nicht fertig)<br />
** [[Lernpfad Quadratische Funktionen|Lernpfad Quadratische Funktionen]]<br />
<br />
* [[Benutzer:Ukalina/Mathematik Testseiten|Meine Mathematik Testseiten]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina&diff=156288Benutzer:Ukalina2026-06-10T11:18:21Z<p>Ukalina: </p>
<hr />
<div>Dies ist die Benutzerseite von Ulrich Kalina auf der Online-PLattform ZUM Unterrichten. Sie enthält eine Sammlung von Beiträgen aus den Bereichen Mathematik und Informatik. <br />
<br />
Bei der Gestaltung dieser ZUM-Seiten habe ich besonderen Wert darauf gelegt, dass sie barrierefrei zugänglich für Menschen mit Seheinschränkungen sind, die mit Assistiven Technologien (Screenreader, Braillezeile, Sprachausgabe, Zoomsoftware, ...) arbeiten.<br />
<br />
* [[Lernpfad Wiki-Kurs]]<br />
* [[Barrierefreiheit in ZUM und H5P-Apps]]<br />
** [[ZUM_mit_Screenreader|ZUM-Seiten mit einem Screenreader lesen]]<br />
** [[H5P_mit_Screenreader|Interaktive H5P-Apps mit einem Screenreader nutzen - Testergebnisse, Tipps und Tricks]]<br />
* [[Lernpfad Know-How-Computer]]<br />
* [[Arithmico|Arithmico - der barrierefreie Taschenrechner]]<br />
** [[Arithmico/Arithmico_Online-Anleitung|Arithmico Anleitung online]]<br />
** [[Arithmico#Lernvideo "Der Arithmico Taschenrechner - Erste Schritte mit einem Screenreader"|Lernvideo "Arthmico - Erste Schritt mit einem Screenreader"]]<br />
* [[Baumdiagramme als Grafik und in Textform]]<br />
* [[Funktionen|Funktionen]]<br />
** [[Lernpfad Lineare Funktionen|Lernpfad Lineare Funktionen]] (noch nicht fertig)<br />
** [[Lernpfad Quadratische Funktionen|Lernpfad Quadratische Funktionen]]<br />
<br />
* [[Benutzer:Ukalina/Mathematik Testseiten|Meine Mathematik Testseiten]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Single_Choice_Set&diff=155895H5P mit Screenreader/Single Choice Set2026-06-10T08:45:44Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Drag the Words <br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Sort the Paragraphs<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
{{Box<br />
|Titel = Single Choice Set (H5P) <br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
*Es werden der Reihe nach Schritt für Schritt Fragen gestellt. Zu jeder Frage werden mehrere Auswahlmöglichkeiten präsentiert, von denen genau eine richtig ist. Diese sollen die Lernenden anklicken. <br />
* Als zusätzliche akkustische Rückmeldung können Töne eingesetzt werden. <br />
* Der Inhaltstyp Single Choice ist besonders einfach zu bedienen. <br />
<br />
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Single_Choice_Set_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Tiere klassifizieren=====<br />
{{h5p-zum|id=46986|height=350px}}<br />
=====Hauptstädte der Bundesländer=====<br />
{{h5p-zum|id=47076|height=350px}}<br />
=====Fragen zur Fabel "Der Fuchs und die Trauben"=====<br />
{{h5p-zum|id=47187|height=350px}}<br />
<br />
<br />
==== Single Choice Set (H5P) mit Screenreader ====<br />
* Die App Single Choice Set (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.<br />
* Mit den Tasten <code>PFEIL RAUF</code> und <code>PFEIL RUNTER</code> kann man durch die Aufgabenstellung und die Wahloptionen navigieren.<br />
* Mit der <code>LEERTASTE</code> wird eine Option endgültig ausgewählt. <br />
* Auch der Weiter-Schalter wird mit der <code>LEERTASTE</code> aktiviert.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Drag the Words <br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Sort the Paragraphs<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie: Barrierfrei]]<br />
[[Kategorie: Hilfe]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Mark_the_Words&diff=155880H5P mit Screenreader/Mark the Words2026-06-10T08:43:16Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Multiple Choice<br />
|weiter=|weiterlink=<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
{{Box<br />
|Titel = Mark the Words (H5P)<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* In einem Text müssen alle Wörter markiert werden, die ein bestimmtes Merkmal aufweisen.<br />
* Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Mark_the_Words_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Nomen identifizieren=====<br />
{{h5p-zum|id=47012|height=250px}}<br />
=====Verben in der Fabel "Der Fuchs und die Trauben" identifizieren=====<br />
{{h5p-zum|id=47197|height=250px}}<br />
<br />
==== Mark the Words (H5P) mit Screenreader ====<br />
Die App Mark the Words (H5P) ist mit den Screenreadern NVDA, JAWS und NARRATOR grundsätzlich gut bedienbar. Es werden allerdings einige Inhalte unnötigerweise mehrfach wiederholt vorgelesen. Mit NVDA ist die Bedienung etwas umständlicher als mit NARRATOR. <br />
<br />
===== Hinweise zu NARRATOR =====<br />
Die Bedienung mit NARRATOR ist besonders einfach, da lediglich die Tasten <code>PFEIL RUNTER</code> , <code>PFEIL RAUF</code> und <code>LEERTASTE</code> benötigt werden. <br />
===== Hinweise zu NVDA =====<br />
* Mit <code>PFEIL RUNTER</code> / <code>PFEIL RAUF</code> navigiert man durch Aufgabenstellung und Text. <br />
* Wenn NVDA sagt: "Gesamter Text, wo Wörter markiert werden können Liste", dann fokussiert man mit <code>NVDA</code> + <code>LEERTASTE</code> das erste Wort im Text. Gleichzeitig schaltet NVDA in den Eingabemodus um (Einrastgeräusch). <br />
* Mit <code>STRG</code>+<code>PFEIL RECHTS</code> navigiert man nun Wort für Wort durch den Text. <br />
* Mit <code>LEERTASTE</code> kann man das aktuell gelesene Wort markieren.<br />
* Am Ende des Textes gelangt man mit <code>TAB</code> zum Überprüfen-Schalter. <br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Multiple Choice<br />
|weiter=|weiterlink=<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Multiple_Choice&diff=155876H5P mit Screenreader/Multiple Choice2026-06-10T08:42:53Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Fill in the Blanks<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Mark the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
<br />
{{Box<br />
|Titel = Multiple Choice (H5P)<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
Zu einer Frage werden mehrere Auswahlmöglichkeiten präsentiert, von denen die Lernenden die richtigen anklicken sollen. Es können eine oder mehrere Antworten richtig sein.<br />
<br />
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Multiple_Choice_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
===== Tiere klassifizieren =====<br />
{{h5p-zum|id=46984|height=370px}}<br />
=====Städte in Hessen =====<br />
{{h5p-zum|id=47075|height=400px}}<br />
=====Aussagen zur Textform "Fabel" =====<br />
{{h5p-zum|id=47188|height=400px}}<br />
<br />
==== Multiple Choice (H5P) mit Screenreader ====<br />
* Die App Multiple Choice (H5P) ist mit den Screenreadern NVDA, JAWS und NARRATOR grundsätzlich gut bedienbar.<br />
* Mit den Tasten <code>PFEIL RAUF</code> und <code>PFEIL RUNTER </code> kann man durch die Aufgabenstellung und die Wahloptionen navigieren.<br />
* Mit der <code>LEERTASTE</code> kann eine Option ausgewählt und auch wieder abgewählt werden.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Fill in the Blanks<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Mark the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Fill_in_the_Blanks&diff=155872H5P mit Screenreader/Fill in the Blanks2026-06-10T08:42:23Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Sort the Paragraphs<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Multiple Choice<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
<br />
{{Box<br />
|Titel = Fill in the Blanks (H5P)<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
Es wird ein Lückentext erstellt, in den Lernende die passenden Wörter eintragen sollen. Es können Tipps und Lösungshinweise sowie spezifisches Feedback zu Lösungen ergänzt werden.<br />
<br />
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Fill_in_the_Blanks_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Vokabeln englisch-deutsch=====<br />
{{h5p-zum|id=46981|height=350px}}<br />
=====Rechnen von 1 bis 10=====<br />
{{h5p-zum|id=46982|height=300px}}<br />
=====Konjugation des Verbs "können" =====<br />
{{h5p-zum|id=46711|height=450px}}<br />
=====Verben in die Gegenwartsform bringen =====<br />
{{h5p-zum|id=47214|height=300px}}<br />
<br />
==== Fill in the Blanks (H5P) mit Screenreader ====<br />
* Die App Fill in the Blanks (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich bedienbar. <br />
* Da hier die Lücken im Lückentext Eingabefelder sind, muss zwischen dem Lesemodus (auch Navigations-, Browse- oder Scan-Modus) und dem Eingabemodus (auch Fokus-Modus oder Interaktionsmodus) unterschieden werden.<br />
* Mit <code>PFEIL RUNTER</code> und <code>PFEIL RAUF</code> kann man durch die App navigieren. <br />
<br />
=====Hinweise zu JAWS (mit Formularmodus-Einstellung auf Automatisch)=====<br />
Mit <code>PFEIL RAUF</code> bzw. <code>PFEIL RUNTER</code> kann man durch die Aufgabenstellung, den Lückentext und die Lücken navigieren, wobei automatisch zwischen dem Lesemodus und dem Eingabemodus hin- und hergeschaltet wird. Ein hoher Signalton zeigt an, dass man sich bei einem Eingabefeld (Lücke) im Eingabemodus befindet und Text eingeben kann. Ein tiefer Signalton zeigt an, dass man den Eingabemodus verlassen hat und man sich wieder im Lesemodus befindet.<br />
<br />
=====Hinweise zu NVDA =====<br />
Bei NVDA funktioniert das Umschalten zwischen Lese- und Eingabemodus in dieser App nicht automatisch. Daher muss hier, sobald NVDA "Eingabefeld" sagt, der Eingabemodus "von Hand" eingeschaltet werden. Am einfachsten geschieht dies mit der <code>TAB</code> -Taste. Dadurch wird gleichzeitig das Eingabefeld fokussiert und in den Eingabemodus geschaltet. Es ertönt ein "Einrast-Geräusch". Die Eingabe sollte hier mit der <code>ESC</code>-Taste beendet werden. Dadurch wird zurück in den Lesemodus gewechselt, was durch Signalton angezeigt wird, und der Lese-Cursor steht direkt hinter dem Eingabefeld, so dass man mit <code>PFEIL RUNTER</code> einfache weiterlesen kann. Hier die Abfolge der Bedienschritte am Beispiel "Vokablen englisch-deutsch":<br />
; 1. Zur ersten Lücke navigieren<br />
Schnellnavigationstasten <code>d</code> und <code>h </code>bzw. <code>PFEIL RUNTER</code><br />
: ''cow Lücke 1 Eingabefeld''<br />
; 2. Eingabefeld fokussieren, Umschalten in den Eingabemodus<br />
<code>TAB</code><br />
: Einrast-Geräusch ''Schreibe in das Eingabefeld hinter dem englischen Wort die deutsche Übersetzung. Gruppierung <br />Lücke 1 Eingabefeld Leer''<br />
; 3. In die erste Lücke das Wort Kuh eingeben<br />
<code>K</code> <code>u</code> <code>h</code> <br />
; 4. Vom Eingabemodus in den Lesemodus wechseln<br />
<code>ESC</code> <br />
: Eingabemodus wird verlassen, kurzer Signalton <br />
; 5. Text ''vor'' der zweiten Lücke lesen<br />
<code>PFEIL RUNTER</code><br />
: ''Eingabefeld Ende bird''<br />
; 6. Das 2. Eingabefeld fokussieren, umschalten in den Eingabemodus<br />
<code>TAB</code><br />
: Einrast-Geräusch ''Lücke 2 Eingabefeld Leer ''<br />
; 7. usw. <br />
<br />
=====Hinweise zu NARRATOR =====<br />
Beim NARRATOR funktioniert das Umschalten zwischen Lese- und Eingabemodus in dieser App am einfachsten folgendermaßen (Beispiel "Vokablen englisch-deutsch"): <br />
; 1. Zur ersten Lücke navigieren<br />
Schnellnavigationstasten <code>d</code> und <code>h </code>bzw. <code>PFEIL RUNTER</code><br />
: ''cow''<br />
; 2. Eingabefeld fokussieren, Umschalten in den Eingabemodus<br />
<code>PFEIL RUNTER</code><br />
: ''Lücke 1 bearbeiten scannen aus''<br />
; 3. In die erste Lücke das Wort Kuh eingeben<br />
<code>K</code> <code>u</code> <code>h</code> <br />
; 4. Eingabe abschließen <br />
<code>PFEIL RUNTER</code><br />
: beendet den Eingabemodus, liest ''bird scannen''<br />
; 5. nächstes Eingabefeld fokussieren<br />
<code>PFEIL RUNTER</code> &nbsp; <code>ENTER</code><br />
: ''Lücke 2 bearbeiten scannen aus''<br />
; 6. usw.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Sort the Paragraphs<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Multiple Choice<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie:H5P]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Sort_the_Paragraphs&diff=155870H5P mit Screenreader/Sort the Paragraphs2026-06-10T08:41:57Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Single Choice Set<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Fill in the Blanks<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
{{Box<br />
|Titel = Sort the Paragraphs (H5P)<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Es werden mehrere Zeilen präsentiert, die in eine inhaltlich sinnvolle Reihenfolge gebracht werden sollen. <br />
* Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Sort_the_Paragraphs_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Arbeitsschritte in die richtige Reihenfolge bringen=====<br />
{{h5p-zum|id=47036|height=500px}}<br />
=====Zahlen der Größe nach anordnen=====<br />
{{h5p-zum|id=47038|height=500px}}<br />
=====Zeilen eines Textes sortieren=====<br />
{{h5p-zum|id=47183|height=650px}}<br />
<br />
=====Screenreader Hinweise=====<br />
* Bedienschritte <br />
# Mit <code>PFEIL RAUF</code> bzw. <code>PFEIL RUNTER</code> durch den Text navigieren. <br />
# Bei NVDA: Wenn die Liste der Absätze, die sortiert werden sollen, erreicht wurde, sagt NVDA "Anwendung ... Liste der sortierbaren Absätze". An dieser Stelle muss <code>ENTER</code> gedrückt werden, um mit dem Cursor in die Liste hineinzugelangen. Bei JAWS ist dies nicht notwendig. <br />
# Mit <code>LEERTASTE</code> wird ein Absatz zum Verschieben markiert.<br />
# Mit <code>PFEIL</code>-Tasten wird dieser Absatz an eine neue Position geschoben.<br />
# Mit erneuter <code>LEERTASTE</code> wird die neue Position festgelegt.<br />
# Mit <code>TAB</code> kann der Fokus auf den Prüfen-Schalter bewegt und dieser dann mit der <code>LEERTASTE</code> aktviert werden.<br />
* Mathematische Ausdrücke in 2D-Matheschrift (z.B. Brüche mit Zähler über und Nenner unter dem Bruchstrich) werden MathCat in NVDA nicht korrekt vorgelesen. Es empfiehlt sich hier die Ersatzschreibweise mit Schrägstrich, also statt <math>\frac{2}{3}</math> die Schreibweise 2/3.<br />
* Für Autoren von H5P-Arbeitsblättern: Im Sort the Paragraphs-Bearbeitungsformular wird für sehr viele Elemente eine Beschriftung obligatorisch gefordert, obwohl ein Zuviel an gesprochenem Text hier manchmal eher hinderlich als nützlich ist. Man kann das Formular "überlisten", indem man ein "geschütztes Leerzeichen" im HTML-Format einträgt, also die Zeichenkette "&nbsp;" (ohne Redezeichen).<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Single Choice Set<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Fill in the Blanks<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Single_Choice_Set&diff=155866H5P mit Screenreader/Single Choice Set2026-06-10T08:41:24Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Drag the Words <br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Sort the Paragraphs<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
{{Box<br />
|Titel = Single Choice Set (H5P) <br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
*Es werden der Reihe nach Schritt für Schritt Fragen gestellt. Zu jeder Frage werden mehrere Auswahlmöglichkeiten präsentiert, von denen genau eine richtig ist. Diese sollen die Lernenden anklicken. <br />
* Als zusätzliche akkustische Rückmeldung können Töne eingesetzt werden. <br />
* Der Inhaltstyp Single Choice ist besonders einfach zu bedienen. <br />
<br />
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Single_Choice_Set_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Tiere klassifizieren=====<br />
{{h5p-zum|id=46986|height=350px}}<br />
=====Hauptstädte der Bundesländer=====<br />
{{h5p-zum|id=47076|height=350px}}<br />
=====Fragen zur Fabel "Der Fuchs und die Trauben"=====<br />
{{h5p-zum|id=47187|height=350px}}<br />
<br />
<br />
==== Single Choice Set (H5P) mit Screenreader ====<br />
* Die App Single Choice Set (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.<br />
* Mit den Tasten <code>PFEIL RAUF</code> und <code>PFEIL RUNTER</code> kann man durch die Aufgabenstellung und die Wahloptionen navigieren.<br />
* Mit der <code>LEERTASTE</code> wird eine Option endgültig ausgewählt. <br />
* Auch der Weiter-Schalter wird mit der <code>LEERTASTE</code> aktiviert.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Drag the Words <br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Sort the Paragraphs<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie: Barrierfrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&diff=155860H5P mit Screenreader/Drag the Words2026-06-10T08:40:41Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
{{Box<br />
|Titel = Drag the Words (H5P)<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
Lernende ziehen Wörter an die passenden Stellen im Text und können anschließend überprüfen, ob alles stimmt.<br />
<br />
Der Inhaltstyp Drag the Words entspricht einer klassischen Zuordnungsaufgabe. Ordnet man mit dem H5P-Inhaltstyp Drag and Drop Bilder oder Bilder von Textbausteinen, so funktioniert Drag the Words nur auf der Textebene, was aber die Erstellung einer solchen Aufgabe sehr vereinfacht.<br />
<br />
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Drag_the_Words_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Vokabeln englisch-deutsch=====<br />
{{h5p-zum|id=46964|height=300px}}<br />
=====Rechnen von 1 bis 10=====<br />
{{h5p-zum|id=46980|height=300px}}<br />
=====Konjugation des Verbs "können"=====<br />
{{h5p-zum|id=46723|height=350px}}<br />
=====Lückentext mit vorgegebenen Lückeninhalten=====<br />
{{h5p-zum|id=47189|height=350px}}<br />
<br />
==== Drag the Words (H5P) mit Screenreader ====<br />
Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar. <br />
=====Hinweise für Screenreader-Anwender=====<br />
* Mit <code>PFEIL RUNTER</code> und <code>PFEIL RAUF</code> kann man durch die App navigieren.<br />
* Mit der <code>LEERTASTE</code> wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter <code>LEERTASTE</code> im ersten freien Ablagefeld ab. <br />
* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, ist für die Screenreader eine Liste von '''Schaltern'''. Zu diesen gelangt man besonders einfach mit den Kurztasten <code>b</code> bzw. <code>UMSCHALT</code> + <code>b</code>. <br />
* Diese Liste erscheint auf dem Bildschirm entweder rechts neben dem Lückentext oder darunter. Für den Screenreader steht sie je nach Anordnung auf dem Bildschirm '''über oder unter''' dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach '''oben''' oder nach '''unten''' navigieren, um zu dieser Liste zu gelangen.<br />
<br />
; Bedienschritte<br />
# Mit <code>PFEIL</code>-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen<br />
# Mit Kurztaste <code>b</code> bzw. <code>UMSCHALT</code>+<code>b</code> in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen<br />
# Mit <code>LEERTASTE</code> Element markieren<br />
# Mit erneuter <code>LEERTASTE</code> wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen<br />
# Mit <code>PFEIL RUNTER</code> im Lückentext den Kontext für das 2. Ablagefeld lesen<br />
# usw.<br />
<br />
; JAWS<br />
: Bei '''JAWS''' muss '''vor''' dem Einfügen ins Ablagefeld der Fokus-Modus mit <code>JAWS</code>+<code>y</code> ein- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus "Automatisch" eingestellt wurde. Bei NVDA und Narrator ist dies nicht notwendig.<br />
<br />
; MS Narrator<br />
: Beim '''Narrator''' werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der <code>TAB</code>-Taste. Dazu muss man allerdings vorher ''erraten'' haben, dass an dieser Stelle im Text ein Wort fehlt. <br />
<br />
; Automatische Sprachumschaltung (z.B. zwischen Englisch und Deutsch)<br />
* Bei '''NVDA''' und '''Narrator''' funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. <br />
* Bei '''JAWS''' ist das in der Standardkonfiguration mit der Stimme Eloquence nicht der Fall, funktioniert aber bei anderen Stimmenprofilen wie Vocalizer Expressive. Das Stimmenprofil ist einstellbar mit <code>JAWS</code>+<code>STRG</code>+<code>s</code><br />
<br />
=====Hinweis für Autoren von H5P-Arbeitsblättern und Entwickler der App=====<br />
Im Drag the Words-Bearbeitungsformular sollte unter "Bezeichnungen und Beschriftungen" > "Drag the Words" im Feld "Beschriftung: Ziehbarer Text" '''vor''' der Zeichenkette "@index von @count" die Zeichenkette "<nowiki>&nbsp&nbsp; </nowiki>" eingefügt werden (ohne Redezeichen). Andernfalls wird immer dann, wenn der Schalterinhalt eine Zahl ist (z.B. die Lösung der Rechenaufgabe 2 + 3 = ), der passende Schalterinhalt 5 mit der Nummer des Schalters (z.B. Nr 3 von 4) zu '''einer einzigen Zahl''' zusammengezogen und der Screenreader liest vor: "Schalter 53 von 4" - gesprochen: "dreiundfünfzig von vier". (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader&diff=155846H5P mit Screenreader2026-06-10T08:37:39Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
{{Box<br />
| Titel = Interaktive H5P-Apps mit einem Screenreader nutzen - Tests<br />
| Klasse = Lernpfad<br />
| Inhalt =<br />
* 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]]). <br />
* Einige dieser Apps wurden mit verschiedenen Screenreadern getestet. Dabei stellten sich punktuell Einschränkungen hinsichtlich der Usability heraus.<br />
* In manchen Fällen können diese von den '''Anwendern''' durch "Bedien-Tricks" umschifft werden. <br />
* 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. <br />
* Es gibt allerdings auch einige Barrieren, die nur von den '''Entwicklern''' der Apps behoben werden können. <br />
* Detaillierte Hinweise findet man auf den folgenden Unterseiten zu verschiedenen H5p-Inhaltstypen.<br />
}}<br />
===== Mit Screenreadern getestete H5P Inhaltstypen =====<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set |Single Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
===== Test-Konfiguration ===== <br />
Die Screeenreader Hinweise zu den einzelnen H5P-Inhaltstypen basieren auf Tests, bei denen folgende Softwarekomponenten verwendet wurden:<br />
* Betriebssystem Microsoft Windows 11<br />
* Browser: Google Chrome <br />
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026<br />
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator <br />
<br />
===== Zusammenfassung der Testergebnisse =====<br />
* Die getesteten H5P-Inhaltstypen sind weitgehend barrierefrei mit einem Screenreader bedienbar.<br />
* '''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'''.<br />
* 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'''. <br />
** Manche Beschriftungen werden z.B. unnötigerweise nicht nur einmal, sondern mehrfach wiederholt vorgelesen, was sich als ausgesprochen lästig erweisen kann. <br />
** 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.<br />
** In einigen Apps gibt es auch Objekte, deren Beschriftung nicht geändert werden kann, obwohl dies manchmal wünschenswert wäre.<br />
; Fazit <br />
: 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.<br />
<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Single_Choice_Set&diff=155720H5P mit Screenreader/Single Choice Set2026-06-09T19:29:18Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Drag the Words <br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Sort the Paragraphs<br />
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
{{Box<br />
|Titel = Single Choice Set (H5P) <br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
*Es werden der Reihe nach Schritt für Schritt Fragen gestellt. Zu jeder Frage werden mehrere Auswahlmöglichkeiten präsentiert, von denen genau eine richtig ist. Diese sollen die Lernenden anklicken. <br />
* Als zusätzliche akkustische Rückmeldung können Töne eingesetzt werden. <br />
* Der Inhaltstyp Single Choice ist besonders einfach zu bedienen. <br />
<br />
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Single_Choice_Set_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Tiere klassifizieren=====<br />
{{h5p-zum|id=46986|height=350px}}<br />
=====Hauptstädte der Bundesländer=====<br />
{{h5p-zum|id=47076|height=350px}}<br />
=====Fragen zur Fabel "Der Fuchs und die Trauben"=====<br />
{{h5p-zum|id=47187|height=350px}}<br />
<br />
<br />
==== Single Choice Set (H5P) mit Screenreader ====<br />
* Die App Single Choice Set (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.<br />
* Mit den Tasten <code>PFEIL RAUF</code> und <code>PFEIL RUNTER</code> kann man durch die Aufgabenstellung und die Wahloptionen navigieren.<br />
* Mit der <code>LEERTASTE</code> wird eine Option endgültig ausgewählt. <br />
* Auch der Weiter-Schalter wird mit der <code>LEERTASTE</code> aktiviert.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Drag the Words <br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Sort the Paragraphs<br />
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie: Barrierfrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Single_Choice_Set&diff=155717H5P mit Screenreader/Single Choice Set2026-06-09T19:25:30Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Drag the Words <br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Sort the Paragraphs<br />
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
{{Box<br />
|Titel = Single Choice Set (H5P) <br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
*Es werden der Reihe nach Schritt für Schritt Fragen gestellt. Zu jeder Frage werden mehrere Auswahlmöglichkeiten präsentiert, von denen genau eine richtig ist. Diese sollen die Lernenden anklicken. <br />
* Als zusätzliche akkustische Rückmeldung können Töne eingesetzt werden. <br />
* Der Inhaltstyp Single Choice ist besonders einfach zu bedienen. <br />
<br />
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Single_Choice_Set_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Tiere klassifizieren=====<br />
{{h5p-zum|id=46986|height=350px}}<br />
=====Hauptstädte der Bundesländer=====<br />
{{h5p-zum|id=47076|height=350px}}<br />
=====Fragen zur Fabel "Der Fuchs und die Trauben"=====<br />
{{h5p-zum|id=47187|height=350px}}<br />
<br />
<br />
==== Single Choice Set (H5P) mit Screenreader ====<br />
* Die App Single Choice Set (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.<br />
* Mit den Tasten <code>PFEIL RAUF</code> und <code>PFEIL RUNTER</code> kann man durch die Aufgabenstellung und die Wahloptionen navigieren.<br />
* Mit der <code>LEERTASTE</code> wird eine Option endgültig ausgewählt. <br />
* Auch der Weiter-Schalter wird mit der <code>LEERTASTE</code> aktiviert.<br />
<br />
=====Hinweis zu JAWS=====<br />
Wenn man sich mit dem Fokus innerhalb einer Optionen-Gruppe befindet, diese aber wieder verlassen möchte, bevor man sich für eine der Optionen entscheidet, weil man z.B. noch einmal die Aufgabenstellung dazu lesen möchte, dann ist das bei JAWS erst mal nicht so einfach mit den Pfeiltasten möglich, klappt aber mit folgendem Trick: Man bewegt den Fokus mit <code>UMSCHALT</code>+<code>TAB</code> zurück auf den Schalter zum Ausschalten der Töne und kann von dort aus wieder mit <code>PFEIL RUNTER</code> zur Aufgabenstellung navigieren.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader/Drag the Words <br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Sort the Paragraphs<br />
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie: Barrierfrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&diff=155716H5P mit Screenreader/Drag the Words2026-06-09T19:23:19Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set<br />
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
{{Box<br />
|Titel = Drag the Words (H5P)<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
Lernende ziehen Wörter an die passenden Stellen im Text und können anschließend überprüfen, ob alles stimmt.<br />
<br />
Der Inhaltstyp Drag the Words entspricht einer klassischen Zuordnungsaufgabe. Ordnet man mit dem H5P-Inhaltstyp Drag and Drop Bilder oder Bilder von Textbausteinen, so funktioniert Drag the Words nur auf der Textebene, was aber die Erstellung einer solchen Aufgabe sehr vereinfacht.<br />
<br />
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Drag_the_Words_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Vokabeln englisch-deutsch=====<br />
{{h5p-zum|id=46964|height=300px}}<br />
=====Rechnen von 1 bis 10=====<br />
{{h5p-zum|id=46980|height=300px}}<br />
=====Konjugation des Verbs "können"=====<br />
{{h5p-zum|id=46723|height=350px}}<br />
=====Lückentext mit vorgegebenen Lückeninhalten=====<br />
{{h5p-zum|id=47189|height=350px}}<br />
<br />
==== Drag the Words (H5P) mit Screenreader ====<br />
Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar. <br />
=====Hinweise für Screenreader-Anwender=====<br />
* Mit <code>PFEIL RUNTER</code> und <code>PFEIL RAUF</code> kann man durch die App navigieren.<br />
* Mit der <code>LEERTASTE</code> wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter <code>LEERTASTE</code> im ersten freien Ablagefeld ab. <br />
* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, ist für die Screenreader eine Liste von '''Schaltern'''. Zu diesen gelangt man besonders einfach mit den Kurztasten <code>b</code> bzw. <code>UMSCHALT</code> + <code>b</code>. <br />
* Diese Liste erscheint auf dem Bildschirm entweder rechts neben dem Lückentext oder darunter. Für den Screenreader steht sie je nach Anordnung auf dem Bildschirm '''über oder unter''' dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach '''oben''' oder nach '''unten''' navigieren, um zu dieser Liste zu gelangen.<br />
<br />
; Bedienschritte<br />
# Mit <code>PFEIL</code>-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen<br />
# Mit Kurztaste <code>b</code> bzw. <code>UMSCHALT</code>+<code>b</code> in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen<br />
# Mit <code>LEERTASTE</code> Element markieren<br />
# Mit erneuter <code>LEERTASTE</code> wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen<br />
# Mit <code>PFEIL RUNTER</code> im Lückentext den Kontext für das 2. Ablagefeld lesen<br />
# usw.<br />
<br />
; JAWS<br />
: Bei '''JAWS''' muss '''vor''' dem Einfügen ins Ablagefeld der Fokus-Modus mit <code>JAWS</code>+<code>y</code> ein- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus "Automatisch" eingestellt wurde. Bei NVDA und Narrator ist dies nicht notwendig.<br />
<br />
; MS Narrator<br />
: Beim '''Narrator''' werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der <code>TAB</code>-Taste. Dazu muss man allerdings vorher ''erraten'' haben, dass an dieser Stelle im Text ein Wort fehlt. <br />
<br />
; Automatische Sprachumschaltung (z.B. zwischen Englisch und Deutsch)<br />
* Bei '''NVDA''' und '''Narrator''' funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. <br />
* Bei '''JAWS''' ist das in der Standardkonfiguration mit der Stimme Eloquence nicht der Fall, funktioniert aber bei anderen Stimmenprofilen wie Vocalizer Expressive. Das Stimmenprofil ist einstellbar mit <code>JAWS</code>+<code>STRG</code>+<code>s</code><br />
<br />
=====Hinweis für Autoren von H5P-Arbeitsblättern und Entwickler der App=====<br />
Im Drag the Words-Bearbeitungsformular sollte unter "Bezeichnungen und Beschriftungen" > "Drag the Words" im Feld "Beschriftung: Ziehbarer Text" '''vor''' der Zeichenkette "@index von @count" die Zeichenkette "<nowiki>&nbsp&nbsp; </nowiki>" eingefügt werden (ohne Redezeichen). Andernfalls wird immer dann, wenn der Schalterinhalt eine Zahl ist (z.B. die Lösung der Rechenaufgabe 2 + 3 = ), der passende Schalterinhalt 5 mit der Nummer des Schalters (z.B. Nr 3 von 4) zu '''einer einzigen Zahl''' zusammengezogen und der Screenreader liest vor: "Schalter 53 von 4" - gesprochen: "dreiundfünfzig von vier". (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set<br />
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Lernpfad_Wiki-Kurs/8._Interaktive_H5P-Apps_einbinden&diff=155712Lernpfad Wiki-Kurs/8. Interaktive H5P-Apps einbinden2026-06-09T19:15:47Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Wiki-Kurs/7. ZUM-Specials zur Gestaltung von Wiki-Seiten<br />
|weiter= |weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Wiki-Kurs#Kapitelübersicht<br />
}}<br />
<br />
{{Box<br />
|Titel = Interaktive H5P-Apps einbinden<br />
|Klasse = Lernpfad<br />
|Inhalt = <br />
* Zur Fabel "Der Fuchs und die Trauben" sollen interaktive Übungen in einer ZUM-Seite zusammengestellt werden.<br />
* Die eigentliche Erstellung solcher H5P-Apps ist ein Thema für sich. Dafür bietet sich das Wiki ZUM-Apps an.<br />
* Man kann H5P-Apps "manuell" erstellen, indem man zu dem gewünschten Inhaltstyp ein Formular ausfüllt.<br />
* Für die Erstellung werden aber auch KI-basierte Verfahren entwickelt, erprobt und eingesetzt (H5P-Wizard).<br />
* In diesem Wiki-Kurs geht es lediglich darum, einige H5P-App-Varianten vorzustellen und zu zeigen, wie man sie - nachdem sie erstellt wurden - in einer ZUM-Unterrichten-Seite einbinden kann.<br />
}}<!-- Box --><br />
<br />
{{Box|1=<i class="fa fa-universal-access fa-2x" aria-hidden="true"></i> &nbsp; Mit einem Screenreader ZUM-Seiten lesen und interaktive H5P-Apps nutzen <br />
|2=Hinweise dazu, wie man mit einem Screenreader ZUM-Seiten lesen und interaktive H5P-Apps nutzen kann, findet man auf den Seiten [[ZUM mit Screenreader]] und [[H5P mit Screenreader]].<br />
|3=}}<br />
<br />
{{Box<br />
|Titel = Aufgabe: Verschiedene H5P-Apps zur Fabel "Der Fuchs und die Trauben" in eine ZUM-Seite einbinden <br />
|Klasse = Üben<br />
|Inhalt = <br />
* Füge am Ende der Seite "Der Fuchs und die Trauben" einige der folgenden H5P-Apps ein. Die Apps befinden sich auf der ZUM-Apps-Seite https://apps.zum.de/apps/ <br />
* Jede besitzt eine eindeutige der Id-Nummer, die jeweils im Beispiel unten angegeben ist.<br />
* Die App der Testaufgabe "Zeilen sortieren" hat z.B. die Id-Nummer 47183 und kann im Browser direkt geöffnet werden, indem man in der Adressleiste eingibt: <code><nowiki>https://apps.zum.de/apps/47183</nowiki></code><br />
}}<br />
<br />
{{Box<br />
| Titel = Ergebnis<br />
| Klasse = Lösung<br />
| Inhalt = <br />
=== Testaufgaben zur Fabel "Der Fuchs und die Trauben" (H5P-Apps)===<br />
{{2Spalten<br />
| <!-- 1. Spalte --><br />
==== 1. Aufgabe: Wörter vom Rand in die Lücken ziehen ====<br />
Mit <code><nowiki> {{h5p-zum|id=47189|height=400px}} </nowiki></code> wird folgende H5P-App vom Typ '''Drag the Words''' eingebunden:<br />
<br />
{{h5p-zum|id=47189|height=400px}}<br />
==== 2. Aufgabe: Bei jeder Frage ist genau eine Antwort richtig. ====<br />
Mit <code><nowiki> {{h5p-zum|id=47187|height=500px}} </nowiki></code> wird folgende H5P-App vom Typ '''Single Choice Set''' eingebunden:<br />
<br />
{{h5p-zum|id=47187|height=500px}}<br />
==== 3. Aufgabe: Zeilen sortieren ====<br />
Mit <code><nowiki> {{h5p-zum|id=47183|height=750px}} </nowiki></code> wird folgende H5P-App vom Typ&nbsp; '''Sort the Paragraphs''' eingebunden:<br />
<br />
{{h5p-zum|id=47183|height=750px}}<br />
| <!-- 2. Spalte --><br />
==== 4. Aufgabe: Lücken ausfüllen ====<br />
Mit <code><nowiki> {{h5p-zum|id=47214|height=400px}} </nowiki></code> wird folgende H5P-App vom Typ '''Fill&nbsp;in&nbsp;the&nbsp;Blanks''' eingebunden:<br />
<br />
{{h5p-zum|id=47214|height=400px}}<br />
==== 5. Aufgabe: Mehrere Antworten können richtig sein. ====<br />
Mit <code><nowiki> {{h5p-zum|id=47188|height=500px}} </nowiki></code> wird folgende H5P-App vom Typ '''Multiple Choice''' eingebunden:<br />
<br />
{{h5p-zum|id=47188|height=500px}}<br />
==== 6. Aufgabe: Wörter mit bestimmtem Merkmal markieren====<br />
Mit <code><nowiki> {{h5p-zum|id=47197|height=350px}} </nowiki></code> wird folgende H5P-App vom Typ '''Mark the Words''' eingebunden:<br />
<br />
{{h5p-zum|id=47197|height=350px}}<br />
<br />
}} <!-- Ende 2Spalten --><br />
}}<!-- Box --><br />
<br />
{{Box<br />
| Titel = Weiterführende Links<br />
| Klasse = Hervorhebung1<br />
| Inhalt = <br />
* https://apps.zum.de/h5p-workflows<br />
* https://www.zum.de/portal/die-h5p-workflows-h5p-und-ki/<br />
}} <!-- Box --><br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Wiki-Kurs/7. ZUM-Specials zur Gestaltung von Wiki-Seiten <br />
|weiter= |weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Wiki-Kurs#Kapitelübersicht<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:H5P]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Lernpfad_Wiki-Kurs/8._Interaktive_H5P-Apps_einbinden&diff=155710Lernpfad Wiki-Kurs/8. Interaktive H5P-Apps einbinden2026-06-09T19:14:52Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Wiki-Kurs/7. ZUM-Specials zur Gestaltung von Wiki-Seiten<br />
|weiter= |weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Wiki-Kurs#Kapitelübersicht<br />
}}<br />
<br />
{{Box<br />
|Titel = Interaktive H5P-Apps einbinden<br />
|Klasse = Lernpfad<br />
|Inhalt = <br />
* Zur Fabel "Der Fuchs und die Trauben" sollen interaktive Übungen in einer ZUM-Seite zusammengestellt werden.<br />
* Die eigentliche Erstellung solcher H5P-Apps ist ein Thema für sich. Dafür bietet sich das Wiki ZUM-Apps an.<br />
* Man kann H5P-Apps "manuell" erstellen, indem man zu dem gewünschten Inhaltstyp ein Formular ausfüllt.<br />
* Für die Erstellung werden aber auch KI-basierte Verfahren entwickelt, erprobt und eingesetzt (H5P-Wizard).<br />
* In diesem Wiki-Kurs geht es lediglich darum, einige H5P-App-Varianten vorzustellen und zu zeigen, wie man sie - nachdem sie erstellt wurden - in einer ZUM-Unterrichten-Seite einbinden kann.<br />
}}<!-- Box --><br />
<br />
{{Box|1=<i class="fa fa-universal-access fa-2x" aria-hidden="true"></i> &nbsp; Mit einem Screenreader ZUM-Seiten lesen und interaktive H5P-Apps nutzen <br />
|2=Hinweise dazu, wie man mit einem Screenreader ZUM-Seiten lesen und interaktive H5P-Apps nutzen kann, findet man auf den Seiten [[ZUM mit Screenreader]] und [[H5P mit Screenreader]].<br />
|3=}}<br />
<br />
{{Box<br />
|Titel = Aufgabe: Verschiedene H5P-Apps zur Fabel "Der Fuchs und die Trauben" in eine ZUM-Seite einbinden <br />
|Klasse = Üben<br />
|Inhalt = <br />
* Füge am Ende der Seite "Der Fuchs und die Trauben" einige der folgenden H5P-Apps ein. Die Apps befinden sich auf der ZUM-Apps-Seite https://apps.zum.de/apps/ <br />
* Jede besitzt eine eindeutige der Id-Nummer, die jeweils im Beispiel unten angegeben ist.<br />
* Die App der Testaufgabe "Zeilen sortieren" hat z.B. die Id-Nummer 47183 und kann im Browser direkt geöffnet werden, indem man in der Adressleiste eingibt: <code><nowiki>https://apps.zum.de/apps/47183</nowiki></code><br />
}}<br />
<br />
{{Box<br />
| Titel = Ergebnis<br />
| Klasse = Lösung<br />
| Inhalt = <br />
=== Testaufgaben zur Fabel "Der Fuchs und die Trauben" (H5P-Apps)===<br />
{{2Spalten<br />
| <!-- 1. Spalte --><br />
==== 1. Aufgabe: Wörter vom Rand in die Lücken ziehen ====<br />
Mit <code><nowiki> {{h5p-zum|id=47189|height=400px}} </nowiki></code> wird folgende H5P-App vom Typ '''Drag the Words''' eingebunden:<br />
<br />
{{h5p-zum|id=47189|height=400px}}<br />
==== 2. Aufgabe: Bei jeder Frage ist genau eine Antwort richtig. ====<br />
Mit <code><nowiki> {{h5p-zum|id=47187|height=500px}} </nowiki></code> wird folgende H5P-App vom Typ '''Single Choice Set''' eingebunden:<br />
<br />
{{h5p-zum|id=47187|height=500px}}<br />
==== 3. Aufgabe: Zeilen sortieren ====<br />
Mit <code><nowiki> {{h5p-zum|id=47183|height=750px}} </nowiki></code> wird folgende H5P-App vom Typ&nbsp; '''Sort the Paragraphs''' eingebunden:<br />
<br />
{{h5p-zum|id=47183|height=750px}}<br />
| <!-- 2. Spalte --><br />
==== 4. Aufgabe: Lücken ausfüllen ====<br />
Mit <code><nowiki> {{h5p-zum|id=47214|height=400px}} </nowiki></code> wird folgende H5P-App vom Typ '''Fill&nbsp;in&nbsp;the&nbsp;Blanks''' eingebunden:<br />
<br />
{{h5p-zum|id=47214|height=400px}}<br />
==== 5. Aufgabe: Mehrere Antworten können richtig sein. ====<br />
Mit <code><nowiki> {{h5p-zum|id=47188|height=500px}} </nowiki></code> wird folgende H5P-App vom Typ '''Multiple Choice''' eingebunden:<br />
<br />
{{h5p-zum|id=47188|height=500px}}<br />
==== 6. Aufgabe: Alle Wörter mit einem bestimmten Merkmal markieren====<br />
Mit <code><nowiki> {{h5p-zum|id=47197|height=350px}} </nowiki></code> wird folgende H5P-App vom Typ '''Mark the Words''' eingebunden:<br />
<br />
{{h5p-zum|id=47197|height=350px}}<br />
<br />
}} <!-- Ende 2Spalten --><br />
}}<!-- Box --><br />
<br />
{{Box<br />
| Titel = Weiterführende Links<br />
| Klasse = Hervorhebung1<br />
| Inhalt = <br />
* https://apps.zum.de/h5p-workflows<br />
* https://www.zum.de/portal/die-h5p-workflows-h5p-und-ki/<br />
}} <!-- Box --><br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=Lernpfad Wiki-Kurs/7. ZUM-Specials zur Gestaltung von Wiki-Seiten <br />
|weiter= |weiterlink=<br />
|übersicht=Kapitelübersicht|übersichtlink=Lernpfad Wiki-Kurs#Kapitelübersicht<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:H5P]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155704ZUM mit Screenreader2026-06-09T18:54:59Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem Microsoft Windows<sup>&copy;</sup> arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt fokussieren''' &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| '''Fokusobjekt aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| '''Wechsel Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| '''Formular-Modus ein/aus''' bei Textfeld &nbsp; &nbsp; &nbsp; <br />
| <code>ENTER</code>&nbsp;/&nbsp; <code>ESC</code> <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Auf der Seite [[H5P mit Screenreader]] sind Tests zu einigen H5P-Apps mit verschiedenen Screenreadern dokumentiert, einschließlich spezifischer Hinweise zu den einzelnen Inhaltstypen für Nutzer, Autoren und Entwickler.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155703ZUM mit Screenreader2026-06-09T18:54:19Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem Microsoft Windows<sup>&copy;</sup> arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{| class="wikitable" style="border-style:thin; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt fokussieren''' &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| '''Fokusobjekt aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| '''Wechsel Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| '''Formular-Modus ein/aus''' bei Textfeld &nbsp; &nbsp; &nbsp; <br />
| <code>ENTER</code>&nbsp;/&nbsp; <code>ESC</code> <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Auf der Seite [[H5P mit Screenreader]] sind Tests zu einigen H5P-Apps mit verschiedenen Screenreadern dokumentiert, einschließlich spezifischer Hinweise zu den einzelnen Inhaltstypen für Nutzer, Autoren und Entwickler.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155702ZUM mit Screenreader2026-06-09T18:50:54Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem Microsoft Windows<sup>&copy;</sup> arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt fokussieren''' &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| '''Fokusobjekt aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| '''Wechsel Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| '''Formular-Modus ein/aus''' bei Textfeld &nbsp; &nbsp; &nbsp; <br />
| <code>ENTER</code>&nbsp;/&nbsp; <code>ESC</code> <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Auf der Seite [[H5P mit Screenreader]] sind Tests zu einigen H5P-Apps mit verschiedenen Screenreadern dokumentiert, einschließlich spezifischer Hinweise zu den einzelnen Inhaltstypen für Nutzer, Autoren und Entwickler.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader&diff=155695H5P mit Screenreader2026-06-09T13:28:09Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
{{Box<br />
| Titel = Interaktive H5P-Apps mit einem Screenreader nutzen - Testergebnisse, Tipps und Tricks<br />
| Klasse = Lernpfad<br />
| Inhalt =<br />
* 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]]). <br />
* Allerdings gibt es auch bei diesen Apps - je nach Typ - hier und da "Klippen", die die Usability beeinträchtigen. <br />
* In manchen Fällen können diese von den '''Anwendern''' durch "Bedien-Tricks" umschifft werden. <br />
* 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. <br />
* Es gibt allerdings auch einige Barrieren, die nur von den '''Entwicklern''' der Apps behoben werden können. <br />
* Detaillierte Hinweise findet man auf den folgenden Unterseiten zu verschiedenen H5p-Inhaltstypen.<br />
}}<br />
===== Mit Screenreadern getestete H5P Inhaltstypen =====<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set |Single Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
===== Test-Konfiguration ===== <br />
Die Screeenreader Hinweise zu den einzelnen H5P-Inhaltstypen basieren auf Tests, bei denen folgende Softwarekomponenten verwendet wurden:<br />
* Betriebssystem Microsoft Windows 11<br />
* Browser: Google Chrome <br />
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026<br />
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator <br />
<br />
===== Test-Ergebnisse allgemein =====<br />
* Die getesteten H5P-Inhaltstypen sind weitgehend barrierefrei mit einem Screenreader bedienbar.<br />
* '''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.<br />
* 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. <br />
** Manche Beschriftungen werden z.B. unnötigerweise nicht nur einmal, sondern mehrfach wiederholt vorgelesen. <br />
** 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. <br />
** In einigen Apps gibt es auch Objekte, deren Beschriftung nicht geändert werden kann, obwohl dies manchmal wünschenswert wäre.<br />
; Fazit <br />
: 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.<br />
<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&diff=155693H5P mit Screenreader/Drag the Words2026-06-09T09:49:13Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set<br />
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
{{Box<br />
|Titel = Drag the Words (H5P)<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
Lernende ziehen Wörter an die passenden Stellen im Text und können anschließend überprüfen, ob alles stimmt.<br />
<br />
Der Inhaltstyp Drag the Words entspricht einer klassischen Zuordnungsaufgabe. Ordnet man mit dem H5P-Inhaltstyp Drag and Drop Bilder oder Bilder von Textbausteinen, so funktioniert Drag the Words nur auf der Textebene, was aber die Erstellung einer solchen Aufgabe sehr vereinfacht.<br />
<br />
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Drag_the_Words_(H5P)<br />
}} <!-- Box --><br />
<br />
==== Beispiele ====<br />
=====Vokabeln englisch-deutsch=====<br />
{{h5p-zum|id=46964|height=300px}}<br />
=====Rechnen von 1 bis 10=====<br />
{{h5p-zum|id=46980|height=300px}}<br />
=====Konjugation des Verbs "können"=====<br />
{{h5p-zum|id=46723|height=350px}}<br />
=====Lückentext mit vorgegebenen Lückeninhalten=====<br />
{{h5p-zum|id=47189|height=350px}}<br />
<br />
==== Drag the Words (H5P) mit Screenreader ====<br />
Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar. <br />
=====Hinweise für Anwender=====<br />
* Mit <code>PFEIL RUNTER</code> und <code>PFEIL RAUF</code> kann man durch die App navigieren.<br />
* Mit der <code>LEERTASTE</code> wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter <code>LEERTASTE</code> im ersten freien Ablagefeld ab. <br />
* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, ist für die Screenreader eine Liste von '''Schaltern'''. Zu diesen gelangt man besonders einfach mit den Kurztasten <code>b</code> bzw. <code>UMSCHALT</code> + <code>b</code>. <br />
* Diese Liste erscheint auf dem Bildschirm entweder rechts neben dem Lückentext oder darunter. Für den Screenreader steht sie je nach Anordnung auf dem Bildschirm '''über oder unter''' dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach '''oben''' oder nach '''unten''' navigieren, um zu dieser Liste zu gelangen.<br />
<br />
; Bedienschritte<br />
# Mit <code>PFEIL</code>-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen<br />
# Mit Kurztaste <code>b</code> bzw. <code>UMSCHALT</code> + <code>b</code> in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen<br />
# Mit <code>LEERTASTE</code> Element markieren<br />
# Mit erneuter <code>LEERTASTE</code> wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen<br />
# Mit <code>PFEIL RUNTER</code> im Lückentext den Kontext für das 2. Ablagefeld lesen<br />
# usw.<br />
<br />
; Hinweis zu JAWS<br />
* Bei '''JAWS''' muss '''vor''' dem Einfügen ins Ablagefeld mit <code>JAWS</code>+<code>y</code> der Fokus-Modus ein- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus "Automatisch" eingestellt wurde. Bei NVDA und Narrator ist dies nicht notwendig.<br />
<br />
; Hinweis zu Narrator<br />
: Beim '''Narrator''' werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der <code>TAB</code>-Taste. Dazu muss man allerdings vorher ''erraten'' haben, dass an dieser Stelle im Text ein Wort fehlt. <br />
<br />
; Hinweis zur automatischen Sprachumschaltung (z.B. zwischen Englisch und Deutsch)<br />
* Bei '''NVDA''' und '''Narrator''' funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. <br />
* Bei '''JAWS''' ist das in der Standardkonfiguration mit der Stimme Eloquence nicht der Fall, funktioniert aber bei anderen Stimmenprofilen wie Vocalizer Expressive. Das Stimmenprofil ist einstellbar mit <code>JAWS</code>+<code>STRG</code>+<code>s</code><br />
<br />
=====Hinweis für Autoren von H5P-Arbeitsblättern und Entwickler der App=====<br />
* Im Drag the Words-Bearbeitungsformular sollte unter "Bezeichnungen und Beschriftungen" > "Drag the Words" im Feld "Beschriftung: Ziehbarer Text" '''vor''' der Zeichenkette "@index von @count" die Zeichenkette "<nowiki>&nbsp&nbsp; </nowiki>" eingefügt werden (ohne Redezeichen). Andernfalls wird immer dann, wenn der Schalterinhalt eine Zahl ist (z.B. die Lösung der Rechenaufgabe 2 + 3 = ), der passende Schalterinhalt 5 mit der Nummer des Schalters (z.B. Nr 3 von 4) zu '''einer einzigen Zahl''' zusammengezogen und der Screenreader liest vor: "Schalter 53 von 4" - gesprochen: "dreiundfünfzig von vier". (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=zurück|vorherlink=H5P mit Screenreader<br />
|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set<br />
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader<br />
}} <!-- Navi-Leiste Fortsetzung --><br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155626ZUM mit Screenreader2026-06-08T15:26:49Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem Microsoft Windows<sup>&copy;</sup> arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Auf der Seite [[H5P mit Screenreader]] sind Tests zu einigen H5P-Apps mit verschiedenen Screenreadern dokumentiert, einschließlich spezifischer Hinweise zu den einzelnen Inhaltstypen für Nutzer, Autoren und Entwickler.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155625ZUM mit Screenreader2026-06-08T15:18:53Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem Microsoft Windows<sup>&copy;</sup> arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! '''Aktion'''<br />
! '''Tastaturkommando''' <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Die Seite [[H5P mit Screenreader]] enthält ausführliche Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer und Autoren solcher interaktiver Übungen sowie für die Entwickler der entsprechenden Apps.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155623ZUM mit Screenreader2026-06-08T15:12:10Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem Microsoft Windows<sup>&copy;</sup> arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{| class="wikitable" style="border-style:solid; width:auto;"<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Die Seite [[H5P mit Screenreader]] enthält ausführliche Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer und Autoren solcher interaktiver Übungen sowie für die Entwickler der entsprechenden Apps.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155620ZUM mit Screenreader2026-06-08T15:00:29Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem Microsoft Windows<sup>&copy;</sup> arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{| class="wikitable" style="margin:auto"<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Die Seite [[H5P mit Screenreader]] enthält ausführliche Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer und Autoren solcher interaktiver Übungen sowie für die Entwickler der entsprechenden Apps.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader&diff=155609H5P mit Screenreader2026-06-08T13:34:41Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
{{Box<br />
| Titel = Interaktive H5P-Apps mit einem Screenreader nutzen - Testergebnisse, Tipps und Tricks<br />
| Klasse = Lernpfad<br />
| Inhalt =<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. Je nach Inhaltstyp gibt es allerdings hier und da "Klippen", die die Usability beeinträchtigen. <br />
* In manchen Fällen können diese von den '''Anwendern''' durch "Bedien-Tricks" umschifft werden. <br />
* 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. <br />
* Es gibt allerdings auch einige Barrieren, die nur von den '''Entwicklern''' der Apps behoben werden können.<br />
}}<br />
<br />
* Mit den Standard-Tastaturkommandos zur Navigation auf Web-Seiten mit einem Screenreader (<code>PFEIL</code>-Tasten, <code>LEERTASTE</code>, <code>TAB</code>, <code>ENTER</code> etc. - siehe auch [[ZUM_mit_Screenreader]]) ist es weitgehend problemlos möglich, durch die Aufgabenstellung zu navigieren und die interaktiven Objekte zu bedienen (z.B. Textfelder auszufüllen oder Auswahlfelder zu aktivieren und zu deaktivieren). <br />
* Die folgenden textbasierten H5P-Inhaltstypen wurden mit den Screenreadern NVDA, JAWS und MS-Narrator an Beispielen getestet. Diese Beispiele und die dabei aufgefallenen Usability-Einschränkungen sowie detaillierte Hinweise für Nutzer, Autoren und Entwickler dieser Apps werden auf den folgenden Unterseiten wiedergegeben.<br />
<br />
===== Mit Screenreadern getestete H5P Inhaltstypen =====<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set |Single Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
===== Test-Konfiguration ===== <br />
Die Screeenreader Hinweise zu den einzelnen H5P-Inhaltstypen basieren auf Tests, bei denen folgende Softwarekomponenten verwendet wurden:<br />
* Betriebssystem Microsoft Windows 11<br />
* Browser: Google Chrome <br />
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026<br />
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator <br />
<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader&diff=155608H5P mit Screenreader2026-06-08T13:28:09Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
{{Box<br />
| Titel = Interaktive H5P-Apps mit einem Screenreader nutzen - Testergebnisse, Tipps und Tricks<br />
| Klasse = Lernpfad<br />
| Inhalt =<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. Je nach Inhaltstyp gibt es allerdings hier und da "Klippen", die die Usability beeinträchtigen. <br />
* In manchen Fällen können diese von den '''Anwendern''' durch "Bedien-Tricks" umschifft werden. <br />
* 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. <br />
* Es gibt allerdings auch einige Barrieren, die nur von den '''Entwicklern''' der Apps behoben werden können.<br />
}}<br />
<br />
* Mit den Standard-Tastaturkommandos zur Navigation auf Web-Seiten mit einem Screenreader (<code>PFEIL</code>-Tasten, <code>LEERTASTE</code>, <code>TAB</code>, <code>ENTER</code> etc. - siehe auch [[ZUM_mit_Screenreader]]) ist es weitgehend problemlos möglich, durch die Aufgabenstellung zu navigieren und die interaktiven Objekte zu bedienen (z.B. Textfelder auszufüllen oder Auswahlfelder zu aktivieren und zu deaktivieren). <br />
* Die folgenden Seiten enthalten detaillierte Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer, Autoren und Entwickler.<br />
<br />
===== Mit Screenreadern getestete H5P Inhaltstypen =====<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set |Single Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
===== Test-Konfiguration ===== <br />
Die Screeenreader Hinweise zu den einzelnen H5P-Inhaltstypen basieren auf Tests, bei denen folgende Softwarekomponenten verwendet wurden:<br />
* Betriebssystem Microsoft Windows 11<br />
* Browser: Google Chrome <br />
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026<br />
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator <br />
<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155607ZUM mit Screenreader2026-06-08T13:03:39Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem Microsoft Windows<sup>&copy;</sup> arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Die Seite [[H5P mit Screenreader]] enthält ausführliche Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer und Autoren solcher interaktiver Übungen sowie für die Entwickler der entsprechenden Apps.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Barrierefreiheit_in_ZUM_und_H5P-Apps&diff=155606Barrierefreiheit in ZUM und H5P-Apps2026-06-08T12:56:03Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
| Titel = <i class="fa fa-universal-access fa-2x" aria-hidden="true"></i> &nbsp; Barrierefreies Web-Design<br />
| Klasse =<br />
| Inhalt = <br />
* Es gibt im Internet zahlreiche Quellen, die darüber informieren, wie Webseiten barrierefrei gestaltet werden können. Eine sehr fundierte und umfassende Darstellung findet man z.B. auf der Seite https://www.barrierefreies-webdesign.de/ von Jan Hellbusch.<br />
* Im Folgenden geht es vorrangig darum, wie Lerninhalte auf ZUM.de barrierefrei mit einem Screenreader und anderen assistiven Technologien genutzt werden können.<br />
}}<br />
<br />
====Accessibility und Usability====<br />
Im Zusammenhang mit dem Begriff der '''Barrierefreiheit''' sind zwei Aspekte zu unterscheiden:<br />
<br />
; Accessibility<br />
: zielt darauf ab, dass ein Produkt auch von Menschen mit Einschränkungen genutzt werden kann - gegebenenfalls unter Zuhilfenahme assistiver Technologien (auch [https://de.wikipedia.org/wiki/Unterst%C3%BCtzungstechnologie Unterstützungstechnologie]). <br />
; Usability <br />
: ist ein Kriterium dafür, dass diese Nutzung auch effizient und zufriedenstellend abläuft.<br />
<br />
Im Kontext schulischer Bildung ist über die Accessibility hinaus der Aspekt der Usability besonders wichtig. Für Schülerinnen und Schüler reicht es nicht aus, wenn es "irgendeinen" technischen Weg gibt, um an die relevanten Informationen zu gelangen. Sie müssen diese auch einfach, schnell und intuitiv erreichen können. Die Auseinandersetzung mit dem Lerngegenstand darf nicht durch Fragen der Handhabung des Lernmediums beeinträchtigt werden. Während es für die Accessibility standardisierte Testverfahren gibt, kann die Usability nicht ausschließlich anhand formaler Kriterien beurteilt werden.<br />
<br />
====Barrierefreiheit auf ZUM====<br />
; Generell<br />
: bietet MediaWiki, die softwaretechnische Basis der ZUM-Wikis, durch seine klare und an HTML-Standards ausgerichtete Struktur von sich aus bereits gute Voraussetzungen für die Barrierefreiheit.<br />
; [[ZUM mit Screenreader]]<br />
: beschreibt grundlegende Funktionen von Screenreadern und fasst die wichtigsten Bedienstrategien und Tastaturkommandos füpr die Nutzung von Internet-Seiten mithilfe assistiver Technologien zusammen.<br />
; Abbildungen <br />
:* sollten vor allem dann, wenn sie nicht nur rein dekorativen Charakter besitzen, sondern für das Verständnis des Lerninhalts relevant sind, mit einer Bildbeschreibung versehen werden. Diese sollte aussagekräftig, prägnant und leicht verständlich formuliert sein. Für die Bildbeschreibung wird in dem Link, der die Abbildung in die Wiki-Seite einbindet, das Attribut "alternativtext= ..." verwendet. Dieser Text erscheint - im Gegensatz zur Abbildungs-''Beschriftung'' - nicht auf dem Bildschirm, sondern wird nur vom Screenreader vorgelesen. Ein Beispiel hierfür findet man z.B. in [[Lernpfad Wiki-Kurs/5. Bilder und andere Medien in Wiki-Seite einfügen]]<br />
:* In manchen Fällen (z.B. bei mathematischen Graphen) kann es sehr hilfreich sein, wenn als Ergänzung eine kontrastreiche Version des Bildes für stark seheingeschränkte und eine Schwellpapier-Kopiervorlage für blinde Nutzer der Webseite als Download zur Verfügung gestellt wird. Diese ergänzenden Abbildungen können entweder - zur Weiterverarbeitung - ganz auf eine Beschriftung verzichten oder mit einer Beschriftung in Blindenpunktschrift (Braille) versehen werden. Die Dokumente mit Braillebeschriftung können dann direkt als Kopiervorlagen für taktile Abbildungen auf so genanntem Schwellpapier genutzt werden. Bei diesem Verfahren werden schwarze Linien und Punkte auf einem Spezialpapier durch Aufschwellen in erhöhte, tastbare Konturen umgesetzt. <br />
:* Beispiele für solche ergänzende Abbildungen findet man jeweils im Anhang der Lernpfade [[Lernpfad Know-How-Computer/Anhang]] und [[Lernpfad Quadratische Funktionen/QF Anhang]].<br />
; Videos<br />
:* sollten so gestaltet werden, dass über den Ton-Kanal auditiv nachvollziehbar erklärt wird, um was es in dem Video geht. Zusätzlich können Begleittexte ("Was steht an der Tafel?") und -abbildungen hinzugefügt werden.<br />
:* Beispiele: [[Baumdiagramme als Grafik und in Textform#Lernvideo "Baumdiagramme in der Wahrscheinlichkeitsrechnung"]] und [[Arithmico#Lernvideo "Der Arithmico Taschenrechner - Erste Schritte mit einem Screenreader"]]<br />
; Mathematische und Chemische Fomeln<br />
: sind dank MediaWiki für den Screenreader NVDA mit dem AddOn MathCat gut zugänglich. Allerdings funktioniert das Rendern mathematischer Ausdrücke in H5P-Apps mithilfe von MathJax nur optisch korrekt, während die auditive Umsetzung per Sprachausgabe bei Exponenten und Brüchen zurzeit noch fehlerhaft ist. <br />
; GeoGebra-Applets<br />
: sind in der Regel schwer oder gar nicht mit einem Screenreader zugänglich.<br />
; Interaktive Apps [[H5P mit Screenreader]]<br />
: Die Zugänglichkeit schwankt stark - je nach der konkreten App. Details hierzu (Tests, Hinweise, Tipps und Tricks für Nutzer, Autoren und Entwickler) werden auf der Seite [[H5P mit Screenreader]] präsentiert.<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Barrierefreiheit_in_ZUM_und_H5P-Apps&diff=155605Barrierefreiheit in ZUM und H5P-Apps2026-06-08T12:25:15Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
| Titel = <i class="fa fa-universal-access fa-2x" aria-hidden="true"></i> &nbsp; Barrierefreies Web-Design<br />
| Klasse =<br />
| Inhalt = <br />
* Es gibt im Internet zahlreiche Quellen, die darüber informieren, wie Webseiten barrierefrei gestaltet werden können. Eine sehr fundierte und umfassende Darstellung findet man z.B. auf der Seite https://www.barrierefreies-webdesign.de/ von Jan Hellbusch.<br />
* Im Folgenden geht es vorrangig darum, wie Lerninhalte auf ZUM.de barrierefrei mit einem Screenreader und anderen assistiven Technologien genutzt werden können.<br />
}}<br />
<br />
====Accessibility und Usability====<br />
Im Zusammenhang mit dem Begriff der '''Barrierefreiheit''' sind zwei Aspekte zu unterscheiden:<br />
<br />
; Accessibility<br />
: zielt darauf ab, dass ein Produkt auch von Menschen mit Einschränkungen genutzt werden kann - gegebenenfalls unter Zuhilfenahme assistiver Technologien (auch [https://de.wikipedia.org/wiki/Unterst%C3%BCtzungstechnologie Unterstützungstechnologie]). <br />
; Usability <br />
: ist ein Kriterium dafür, dass diese Nutzung auch effizient und zufriedenstellend abläuft.<br />
<br />
Im Kontext schulischer Bildung ist über die Accessibility hinaus der Aspekt der Usability besonders wichtig. Für Schülerinnen und Schüler reicht es nicht aus, wenn es "irgendeinen" technischen Weg gibt, um an die relevanten Informationen zu gelangen. Sie müssen diese auch einfach, schnell und intuitiv erreichen können. Die Auseinandersetzung mit dem Lerngegenstand darf nicht durch Fragen der Handhabung des Lernmediums beeinträchtigt werden. Während es für die Accessibility standardisierte Testverfahren gibt, kann die Usability nicht ausschließlich anhand formaler Kriterien beurteilt werden.<br />
<br />
====Barrierefreiheit auf ZUM====<br />
; MediaWiki,<br />
: die softwaretechnische Basis der ZUM-Wikis, bietet durch seine klare und an HTML-Standards ausgerichtete Struktur von sich aus bereits gute Voraussetzungen für die Barrierefreiheit.<br />
; [[ZUM mit Screenreader]]<br />
: beschreibt grundlegende Funktionen von Screenreadern und fasst die wichtigsten Bedienstrategien und Tastaturkommandos füpr die Nutzung von Internet-Seiten mithilfe assistiver Technologien zusammen.<br />
; Abbildungen <br />
:* sollten vor allem dann, wenn sie nicht nur rein dekorativen Charakter besitzen, sondern für das Verständnis des Lerninhalts relevant sind, mit einer Bildbeschreibung versehen werden. Diese sollte aussagekräftig, prägnant und leicht verständlich formuliert sein. Für die Bildbeschreibung wird in dem Link, der die Abbildung in die Wiki-Seite einbindet, das Attribut "alternativtext= ..." verwendet. Sie erscheint nicht auf dem Bildschirm, sondern wird nur von Screenreader vorgelesen. Ein Beispiel hierfür findet man z.B. in [[Lernpfad Wiki-Kurs/5. Bilder und andere Medien in Wiki-Seite einfügen]]<br />
*: In manchen Fällen (z.B. bei mathematischen Graphen) kann es sehr hilfreich sein, wenn als Ergänzung eine kontrastreiche Version des Bildes für stark seheingeschränkte und eine Schwellpapier-Kopiervorlage für blinde Nutzer der Webseite als Download zur Verfügung gestellt wird. Diese ergänzenden Abbildungen können entweder - zur Weiterverarbeitung - ganz auf eine Beschriftung verzichten oder mit einer Beschriftung in Blindenpunktschrift (Braille) versehen werden. Die Dokumente mit Braillebeschriftung können dann direkt als Kopiervorlagen für taktile Abbildungen auf so genanntem Schwellpapier genutzt werden. Bei diesem Verfahren werden schwarze Linien und Punkte auf einem Spezialpapier durch Aufschwellen in erhöhte, tastbare Konturen umgesetzt. Beispiele für solche ergänzende Abbildungen findet man jeweils im Anhang der Lernpfade [[Lernpfad Know-How-Computer/Anhang]] und [[Lernpfad Quadratische Funktionen/QF Anhang]].<br />
; Videos<br />
: sollten so gestaltet werden, dass über den Ton-Kanal auditiv nachvollziehbar erklärt wird, um was es in dem Video geht. Zusätzlich können Begleittexte ("Was steht an der Tafel?") und -abbildungen hinzugefügt werden. <br />
* Mathematische und Chemische Fomeln<br />
: sind dank MediaWiki für den Screenreader NVDA gut zugänglich.<br />
* GeoGebra-Applets<br />
: sind in der Regel schwer oder gar nicht mit einem Screenreader zugänglich.<br />
* Interaktive Apps [[H5P mit Screenreader]]<br />
: Die Zugänglichkeit schwankt stark - je nach der konkreten App. Details hierzu (Tests, Hinweise, Tipps und Tricks für Nutzer, Autoren und Entwickler) werden auf der Seite [[H5P mit Screenreader]] präsentiert.<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Barrierefreiheit_in_ZUM_und_H5P-Apps&diff=155604Barrierefreiheit in ZUM und H5P-Apps2026-06-08T12:06:15Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
| Titel = <i class="fa fa-universal-access fa-2x" aria-hidden="true"></i> &nbsp; Barrierefreies Web-Design<br />
| Klasse =<br />
| Inhalt = <br />
* Es gibt im Internet zahlreiche Quellen, die darüber informieren, wie Webseiten barrierefrei gestaltet werden können. Eine sehr fundierte und umfassende Darstellung findet man z.B. auf der Seite https://www.barrierefreies-webdesign.de/ von Jan Hellbusch.<br />
* Im Folgenden geht es vorrangig darum, wie Lerninhalte auf ZUM.de barrierefrei mit einem Screenreader und anderen assistiven Technologien genutzt werden können.<br />
}}<br />
<br />
====Accessibility und Usability====<br />
Im Zusammenhang mit dem Begriff der '''Barrierefreiheit''' sind zwei Aspekte zu unterscheiden:<br />
<br />
; Accessibility<br />
: zielt darauf ab, dass ein Produkt auch von Menschen mit Einschränkungen genutzt werden kann - gegebenenfalls unter Zuhilfenahme assistiver Technologien (auch [https://de.wikipedia.org/wiki/Unterst%C3%BCtzungstechnologie Unterstützungstechnologie]). <br />
; Usability <br />
: ist ein Kriterium dafür, dass diese Nutzung auch effizient und zufriedenstellend abläuft.<br />
<br />
Im Kontext schulischer Bildung ist über die Accessibility hinaus der Aspekt der Usability besonders wichtig. Für Schülerinnen und Schüler reicht es nicht aus, wenn es "irgendeinen" technischen Weg gibt, um an die relevanten Informationen zu gelangen. Sie müssen diese auch einfach, schnell und intuitiv erreichen können. Die Auseinandersetzung mit dem Lerngegenstand darf nicht durch Fragen der Handhabung des Lernmediums beeinträchtigt werden. Während es für die Accessibility standardisierte Testverfahren gibt, kann die Usability nicht ausschließlich anhand formaler Kriterien beurteilt werden.<br />
<br />
====Barrierefreiheit auf ZUM====<br />
; MediaWiki,<br />
: die softwaretechnische Basis der ZUM-Wikis, bietet durch seine klare und an HTML-Standards ausgerichtete Struktur von sich aus bereits gute Voraussetzungen für die Barrierefreiheit.<br />
; [[ZUM mit Screenreader]]<br />
: beschreibt grundlegende Funktionen von Screenreadern und fasst die wichtigsten Bedienstrategien und Tastaturkommandos füpr die Nutzung von Internet-Seiten mithilfe assistiver Technologien zusammen.<br />
; Abbildungen <br />
:* sollten vor allem dann, wenn sie nicht nur dekorativen Charakter besitzen, sondern für das Verständnis des Lerninhalts relevant sind, mit einer Bildbeschreibung versehen werden. Diese sollte aussagekräftig, prägnant und leicht verständlich formuliert sein. Für die Bildbeschreibung wird in dem Link, der die Abbildung in die Wiki-Seite einbindet, das Attribut "alternativtext= ..." verwendet. Sie erscheint nicht auf dem Bildschirm, sondern wird nur von Screenreader vorgelesen. Ein Beispiel hierfür findet man in [[Lernpfad Wiki-Kurs//5. Bilder und andere Medien in Wiki Seite einfügen]]<br />
*: In manchen Fällen (z.B. bei mathematischen Graphen) kann es sinnvoll sein, als Ergänzung eine kontrastreiche Variante des Bildes und eine Schwellpapier-Kopiervorlage als Download zur Verfügung zu stellen.<br />
; Videos<br />
: sollten so gestaltet werden, dass über den Ton-Kanal auditiv nachvollziehbar erklärt wird, um was es in dem Video geht. Zusätzlich können Begleittexte ("Was steht an der Tafel?") und -abbildungen hinzugefügt werden. <br />
* Mathematische und Chemische Fomeln<br />
: sind dank MediaWiki für den Screenreader NVDA gut zugänglich.<br />
* GeoGebra-Applets<br />
: sind in der Regel schwer oder gar nicht mit einem Screenreader zugänglich.<br />
* Interaktive Apps [[H5P mit Screenreader]]<br />
: Die Zugänglichkeit schwankt stark - je nach der konkreten App. Details hierzu (Tests, Hinweise, Tipps und Tricks für Nutzer, Autoren und Entwickler) werden auf der Seite [[H5P mit Screenreader]] präsentiert.<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Lernpfad_Know-How-Computer&diff=155603Lernpfad Know-How-Computer2026-06-08T12:02:55Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung|<br />
vorher=|<br />
vorherlink=|<br />
weiter=weiter|<br />
weiterlink=Lernpfad_Know-How-Computer/KHC_Aufbau_und_Betriebsanleitung}}<br />
<br />
{{Box<br />
|Titel = Lernpfad Know-How-Computer - Informatik zum Anfassen und Begreifen<br />
|Klasse = Lernpfad<br />
|Inhalt = [[Datei:KHC auf Papier 1.jpg|mini|250px|right|KHC mit einem Maschinenenprogramm auf Notizzettel|alternativtext=Notizzettel mit einer Tabelle, die den KHC-Hauptspeicher mit einem Maschinenprogramm darstellt. Ein Bleistift zeigt auf die Zeile 1 der Tabelle, in der Zeile 4 liegen zwei Streichhölzer.]] <br />
* Der Know-How-Computer ist ein Klassiker aus der Rubrik "'''Informatik ohne Strom'''". Für seine Hardware reichen ein Blatt Papier, ein Stift und ein paar Streichhölzer aus. <br />
* Die '''Programmiersprache''' dieses Computers besteht aus lediglich '''fünf einfachen Befehlen'''. Trotzdem kann man erstaunlich viele Berechnungen damit durchführen, wenn man diese Befehle nur geschickt genug in einem '''Maschinenprogramm''' miteinander kombiniert. <br />
* Wie das konkret funktioniert, erfährst du in diesem Lernpfad Schritt für Schritt. Für den Einstieg gibt es kleine Einführungsaufgaben und interaktive Übungen. Später folgen auch anspruchsvollere Aufgaben, die schon etwas mehr '''Programmierlogik''' erfordern, aber auch den '''Spaß am Knobeln''' erhöhen. Hier kommen dann auch "Programmier-Werkszeuge" wie '''Programmablaufpläne''' und '''Assembler''' ins Spiel. Zu allen Aufgaben gibt es - zunächst versteckte - Lösungen. <br />
* Und wer sich dafür interessiert, um was es - über das Programmieren hinaus - sonst noch so in der Fachwissenschaft Informatik geht, der erhält in den hinteren Kapiteln einen kleinen Einblick. Sie sind so eine Art '''"Schnupperkurs" in das Fach Informatik'''. Da geht es um Themen wie die '''Von-Neumann-Rechnerarchitektur, die Grammatik formaler Sprachen, Parser und endliche Automaten''' - immer anschaulich erklärt am Beispiel des Know-How-Computers.<br />
}} <!-- Box Lernpfad --><br />
<br />
=====Kapitelübersicht=====<br />
#[[Lernpfad_Know-How-Computer|Lernpfad Know-How-Computer]] - Startseite<br />
#[[Lernpfad_Know-How-Computer/KHC_Aufbau_und_Betriebsanleitung|KHC - Aufbau und Betriebsanleitung]] - Wir basteln uns einen Papiercomputer<br />
#[[Lernpfad_Know-How-Computer/KHC-Maschinensprache_-_erste_Schritte_Teil_1|Programmieren in der KHC-Maschinensprache - erste Schritte Teil 1]] - Unser erstes KHC-Programm<br />
#[[Lernpfad_Know-How-Computer/KHC-Maschinensprache_-_erste_Schritte_Teil_2|Programmieren in der KHC-Maschinensprache - erste Schritte Teil 2]] - Wir programmieren eine Schleife<br />
# [[Lernpfad_Know-How-Computer/KHC_Programmieraufgaben_Teil_1|KHC Programmieraufgaben Teil 1]] - Einfache Übungsaufgaben für Einsteiger<br />
# [[Lernpfad_Know-How-Computer/Know-How-Assembler|Know-How-Assembler]] - Assembler macht das Programmieren leichter<br />
# [[Lernpfad_Know-How-Computer/KHC_Programmieraufgaben_Teil_2|KHC Programmieraufgaben Teil 2]] - Anspruchsvollere Aufgaben <br />
# [[Lernpfad_Know-How-Computer/KHC_als_Von-Neumann-Rechner|Der KHC als Von-Neumann-Rechner]] - die Von-Neumann-Rechnerarchitektur, der Von-Neumann-Zyklus und das Mikroprogramm-Konzept am Beispiel der KHC-Maschinensprache<br />
# [[Lernpfad_Know-How-Computer/Know-How-Assembler_-_Grammatik_einer_formalen_Sprache|Know-How-Assembler - Grammatik einer formalen Sprache]] - Die Grammatik einer formalen Sprache am Beispiel Know-How-Assembler<br />
# [[Lernpfad_Know-How-Computer/KHA-Parser_als_Endlicher_Automat|KHA-Parser als Endlicher Automat]] - Ein Parser als Endlicher Automat am Beispiel Know-How-Assembler<br />
# [[Lernpfad_Know-How-Computer/Anhang|Anhang]] - mit Dokumenten in Großdruck und Braillebeschriftung zum Download <br />
<br />
=====Der Know-How-Computer - Wie alles angefangen hat...=====<br />
Der Know-How-Computer (KHC), der manchmal auch WDR-Papiercomputer genannt wird, ist ein sehr einfaches Computermodell, das im Jahr 1983 von Wolfgang Back und Ulrich Rohde entwickelt, in der Fernsehsendung WDR Computerclub vorgestellt und in den Computerzeitschriften PC-Magazin und mc veröffentlicht wurde. Weitere Infos zum KHC und verschiedenen Adaptionen findet man auf der Wikipedia-Seite [https://de.wikipedia.org/wiki/Know-how-Computer de.wikipedia.org/wiki/Know-how-Computer]. Die in diesem Lernpfad verwendete Version des Know-How-Computers unterscheidet sich geringfügig von der Originalausgabe. <br />
<br />
Zum theoretischen und didaktischen Hintergrund des Know-How-Computers schreiben seine Erfinder:<br />
<br />
{{Box<br />
|1=Was der Know-how-Computer soll und was er kann<br />
|2=<div style="font-style: italic; margin-left: 5%">"Der Know-how-Computer ist ein enger Verwandter der Turing-Maschine, die Alan M. Turing zur Erforschung der Grundlagen der Computerei entworfen hatte. Das Schöne am Know-how-Computer ist, daß er auf dem altbekannten Rechnen mit den natürlichen Zahlen 1, 2, 3, ... basiert. Und genauso, wie man sich zum Beispiel einen Bruch, etwa 5/6 aus den beiden natürlichen Zahlen 5 und 6 in geeigneter Anordnung zusammenbauen kann, ist es auch beim Know-how-Computer möglich, die Werte in zwei aufeinander folgenden Datenregistern zum Beispiel als Zähler und Nenner eines Bruches zu interpretieren. Ehrenwörtlich sei hier an dieser Stelle versichert, daß man die gesamten Rechenvorgänge auf das Rechnen mit natürlichen Zahlen zurückführen kann, daß also der Know-how-Computer ein universeller Computer ist, der nur in seiner Schnelligkeit hinter den Konkurrenzmodellen zurücksteht. Am besten erfühlen Sie das, indem Sie den Know-how-Computer immer wieder anders programmieren. ... Sie müssen es nur versuchen: Der Know-how-Computer kann alles, was berechenbar ist, auch berechnen." (aus: "Computer für Anfänger", Sonderdruck der Zeitschrift mc, 1983, Franzis-Verlag München) </div><br />
|3=Zitat}}<br />
<br />
{{Box<br />
| Titel = <i class="fa fa-universal-access fa-2x" aria-hidden="true"></i> &nbsp; Barrierefreiheit im Lernpfad<br />
| Klasse =<br />
| Inhalt = <br />
* Bei der Konzeption und Erstellung dieses Lernpfades wurde besonderer Wert darauf gelegt, dass er für Menschen mit Seheinschränkungen und bei der Nutzung so genannter Assistiver Technologien (Screenreader, Braillezeile, Sprachausgabe, Zoomsoftware, ...) barrierefrei zugänglich ist.<br />
* Die wichtigsten Abbildungen liegen im [[Lernpfad_Know-How-Computer/Anhang|Anhang]] als zusätzliche Dokumente sowohl im Großdruck als auch mit Beschriftungen in Braille-Punktschrift (Computerbraille) vor. Letzere können als Kopiervorlagen für taktile Abbildungen auf so genanntem Schwellpapier genutzt werden. Bei diesem Verfahren werden schwarze Linien und Punkte auf einem Spezialpapier durch Aufschwellen in erhöhte, tastbare Konturen umgesetzt.<br />
* Auch bei der ZUM-Anwendung KHC-Emulator, die ein Bestandteil dieses Lernpfades ist, wurde besonderer Wert auf eine barrierefreie Nutzbarkeit mit Assistiven Technologien gelegt. <br />
}}<br />
<br />
<br />
Autor: [[Benutzer:Ukalina|Ulrich Kalina]] <br />
<br />
{{Fortsetzung|<br />
vorher=|<br />
vorherlink=|<br />
weiter=weiter|<br />
weiterlink=Lernpfad_Know-How-Computer/KHC_Aufbau_und_Betriebsanleitung}}<br />
<br />
[[Kategorie:Lernpfad]]<br />
[[Kategorie:Informatik]]<br />
[[Kategorie:Programmieren]]<br />
[[Kategorie:Know-How-Computer]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader&diff=155602H5P mit Screenreader2026-06-08T11:25:33Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
{{Box<br />
| Titel = Interaktive H5P-Apps mit einem Screenreader nutzen - Testergebnisse, Tipps und Tricks<br />
| Klasse = Lernpfad<br />
| Inhalt =<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. Je nach Inhaltstyp gibt es allerdings auch Einschränkungen und "Klippen", die die Usability beeinträchtigen. In manchen Fällen können diese durch "Bedien-Tricks" umschifft werden. Auch bei der Erstellung der Apps können einige Einstellungen im H5P-Erstellformular zur Verbesserung der Usability beitragen. Es gibt allerdings auch einige Barrieren, die nur von den Entwicklern der Apps behoben werden können.<br />
* Die folgenden Seiten enthalten detaillierte Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer, Autoren und Entwickler.<br />
}}<br />
<br />
===== Mit Screenreadern getestete H5P Inhaltstypen =====<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set |Single Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
===== Test-Konfiguration ===== <br />
Die Screeenreader Hinweise zu den einzelnen H5P-Inhaltstypen basieren auf Tests, bei denen folgende Softwarekomponenten verwendet wurden:<br />
* Betriebssystem Microsoft Windows 11<br />
* Browser: Google Chrome <br />
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026<br />
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator <br />
<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina&diff=155601Benutzer:Ukalina2026-06-08T11:21:51Z<p>Ukalina: </p>
<hr />
<div>Dies ist die Benutzerseite von Ulrich Kalina auf der Online-PLattform ZUM Unterrichten. Sie enthält eine Sammlung von Beiträgen aus den Bereichen Mathematik und Informatik. <br />
<br />
Bei der Gestaltung dieser ZUM-Seiten habe ich besonderen Wert darauf gelegt, dass sie barrierefrei zugänglich für Menschen mit Seheinschränkungen sind, die mit Assistiven Technologien (Screenreader, Braillezeile, Sprachausgabe, Zoomsoftware, ...) arbeiten.<br />
<br />
* [[Lernpfad Wiki-Kurs]]<br />
* [[Barrierefreiheit in ZUM und H5P-Apps]]<br />
** [[ZUM_mit_Screenreader|ZUM-Seiten mit einem Screenreader lesen]]<br />
** [[H5P_mit_Screenreader|Interaktive H5P-Apps mit einem Screenreader nutzen - Testergebnisse, Tipps und Tricks]]<br />
* [[Lernpfad Know-How-Computer]]<br />
* [[Arithmico|Arithmico - der barrierefreie Taschenrechner]]<br />
** [[Arithmico/Arithmico_Online-Anleitung|Arithmico Anleitung online]]<br />
** [[Arithmico#Lernvideo "Der Arithmico Taschenrechner - Erste Schritte mit einem Screenreader"|Lernvideo "Arthmico - Erste Schritt mit einem Screenreader"]]<br />
* [[Baumdiagramme als Grafik und in Textform]]<br />
* [[Funktionen|Funktionen]]<br />
** [[Lernpfad Lineare Funktionen|Lernpfad Lineare Funktionen]]<br />
** [[Lernpfad Quadratische Funktionen|Lernpfad Quadratische Funktionen]]<br />
<br />
* [[Benutzer:Ukalina/Mathematik Testseiten|Meine Mathematik Testseiten]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155592ZUM mit Screenreader2026-06-08T08:13:10Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem Microsoft Windows<sup>&copy;</sup> arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Einige H5P Inhaltstypen beinhalten allerdings Klippen, die die Usability beeinträchtigen. In manchen Fällen können diese durch "Bedien-Tricks" umschifft werden. Auch bei der Erstellung der Apps können einige Einstellungen im H5P-Erstellformular zur Verbesserung der Usability beitragen. Es gibt allerdings auch einige Barrieren, die nur von den Entwicklern der Apps behoben werden können.<br />
* Die Seite [[H5P mit Screenreader]] enthält ausführliche Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer, Autoren und Entwickler.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155591ZUM mit Screenreader2026-06-08T08:12:30Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem MS Windows arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in Microsoft Windows<sup>&copy;</sup> ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Einige H5P Inhaltstypen beinhalten allerdings Klippen, die die Usability beeinträchtigen. In manchen Fällen können diese durch "Bedien-Tricks" umschifft werden. Auch bei der Erstellung der Apps können einige Einstellungen im H5P-Erstellformular zur Verbesserung der Usability beitragen. Es gibt allerdings auch einige Barrieren, die nur von den Entwicklern der Apps behoben werden können.<br />
* Die Seite [[H5P mit Screenreader]] enthält ausführliche Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer, Autoren und Entwickler.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155590ZUM mit Screenreader2026-06-08T08:09:51Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn auditiv mithilfe einer Sprachausgabe oder taktil auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem MS Windows arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in MS-Windows ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Einige H5P Inhaltstypen beinhalten allerdings Klippen, die die Usability beeinträchtigen. In manchen Fällen können diese durch "Bedien-Tricks" umschifft werden. Auch bei der Erstellung der Apps können einige Einstellungen im H5P-Erstellformular zur Verbesserung der Usability beitragen. Es gibt allerdings auch einige Barrieren, die nur von den Entwicklern der Apps behoben werden können.<br />
* Die Seite [[H5P mit Screenreader]] enthält ausführliche Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer, Autoren und Entwickler.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader&diff=155589H5P mit Screenreader2026-06-08T08:07:00Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
{{Box<br />
| Titel = H5P-Apps mit einem Screenreader bedienen<br />
| Klasse = Lernpfad<br />
| Inhalt =<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. Je nach Inhaltstyp gibt es allerdings auch Einschränkungen und "Klippen", die die Usability beeinträchtigen. In manchen Fällen können diese durch "Bedien-Tricks" umschifft werden. Auch bei der Erstellung der Apps können einige Einstellungen im H5P-Erstellformular zur Verbesserung der Usability beitragen. Es gibt allerdings auch einige Barrieren, die nur von den Entwicklern der Apps behoben werden können.<br />
* Die folgenden Seiten enthalten detaillierte Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer, Autoren und Entwickler.<br />
}}<br />
<br />
===== Mit Screenreadern getestete H5P Inhaltstypen =====<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set |Single Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
===== Test-Konfiguration ===== <br />
Die Screeenreader Hinweise zu den einzelnen H5P-Inhaltstypen basieren auf Tests, bei denen folgende Softwarekomponenten verwendet wurden:<br />
* Betriebssystem Microsoft Windows 11<br />
* Browser: Google Chrome <br />
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026<br />
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator <br />
<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
{{Fortsetzung<br />
|vorher=ZUM mit Screenreader |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=Übersicht H5P-Tests|übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader&diff=155588H5P mit Screenreader2026-06-08T08:01:42Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=H5P Übersicht |übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
{{Box<br />
| Titel = H5P-Apps mit einem Screenreader bedienen<br />
| Klasse = Lernpfad<br />
| Inhalt =<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. Je nach Inhaltstyp gibt es allerdings auch Einschränkungen und "Klippen", die die Usability beeinträchtigen. In manchen Fällen können diese durch "Bedien-Tricks" umschifft werden. Auch bei der Erstellung der Apps können einige Einstellungen im H5P-Erstellformular zur Verbesserung der Usability beitragen. Es gibt allerdings auch einige Barrieren, die nur von den Entwicklern der Apps behoben werden können.<br />
* Die folgenden Seiten enthalten detaillierte Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer, Autoren und Entwickler.<br />
}}<br />
<br />
===== Mit Screenreadern getestete H5P Inhaltstypen =====<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set |Single Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
===== Test-Konfiguration ===== <br />
Die Screeenreader Hinweise zu den einzelnen H5P-Inhaltstypen basieren auf Tests, bei denen folgende Softwarekomponenten verwendet wurden:<br />
* Betriebssystem Microsoft Windows 11<br />
* Browser: Google Chrome <br />
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026<br />
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator <br />
<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
{{Fortsetzung<br />
|vorher=zurück |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=H5P Übersicht |übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader&diff=155585H5P mit Screenreader2026-06-08T07:52:17Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=zurück |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=H5P Übersicht |übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
{{Box<br />
| Titel = H5P-Apps mit einem Screenreader bedienen<br />
| Klasse = Lernpfad<br />
| Inhalt =<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''' und '''R-Quiz''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* '''H5P''': Von den zahlreichen H5P-Apps sind zumindest die textbasierten Inhaltstypen mit einem Screenreader bedienbar. <br />
* 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. <br />
* 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. <br />
* Allgemeine Hinweise zur Screenreader-Nutzung findet man auf der Seite [[ZUM mit Screenreader]]. <br />
}}<br />
<br />
===== Mit Screenreadern getestete H5P Inhaltstypen =====<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set |Single Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
===== Test-Konfiguration ===== <br />
Die Screeenreader Hinweise zu den einzelnen H5P-Inhaltstypen basieren auf Tests, bei denen folgende Softwarekomponenten verwendet wurden:<br />
* Betriebssystem Microsoft Windows 11<br />
* Browser: Google Chrome <br />
* Internetplattform: ZUM-Wikis unterrichten.zum.de und apps.zum.de, Stand Frühjahr 2026<br />
* Screenreader: NVDA 2026.1.1 , JAWS 2026 , MS Narrator <br />
<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
{{Fortsetzung<br />
|vorher=zurück |vorherlink=ZUM mit Screenreader<br />
|weiter=weiter |weiterlink=H5P mit Screenreader/Drag the Words<br />
|übersicht=H5P Übersicht |übersichtlink=H5P mit Screenreader<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155584ZUM mit Screenreader2026-06-08T07:49:57Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn mithilfe einer Sprachausgabe akustisch oder auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) taktil dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem MS Windows arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in MS-Windows ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive Apps mit einem Screenreader bedienen ====<br />
* Auf ZUM.de können interaktive Übungen verschiedener Hersteller eingebunden werden, nämlich LearningApps, R-Quiz und H5P-Apps. <br />
* '''LearningApps''', '''R-Quiz''' und '''GeoGebra-Applets''' sind mit einem Screenreader in der Regel nur '''schwer oder gar nicht bedienbar'''.<br />
* Von den zahlreichen H5P-Apps sind zumindest einige der ''textbasierten'' Inhaltstypen mit einem Screenreader bedienbar. <br />
* Einige H5P Inhaltstypen beinhalten allerdings Klippen, die die Usability beeinträchtigen. In manchen Fällen können diese durch "Bedien-Tricks" umschifft werden. Auch bei der Erstellung der Apps können einige Einstellungen im H5P-Erstellformular zur Verbesserung der Usability beitragen. Es gibt allerdings auch einige Barrieren, die nur von den Entwicklern der Apps behoben werden können.<br />
* Die Seite [[H5P mit Screenreader]] enthält ausführliche Tests zu einigen H5P-Apps mit verschiedenen Screenreadern und entsprechende Hinweise für Nutzer, Autoren und Entwickler.<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155576ZUM mit Screenreader2026-06-08T07:31:20Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn mithilfe einer Sprachausgabe akustisch oder auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) taktil dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem MS Windows arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in MS-Windows ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive H5P-Apps mit einem Screenreader bedienen ====<br />
* [[H5P mit Screenreader|Startseite H5P mit Screenreader]]<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set|Single Choice Set (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
==== Weiterführende Links zum Thema Screenreader ====<br />
* Umfassende Informationen rund um Screenreader: http://screenreader.ssilv.de/<br />
* Augenbit - das Web-Portal der VBS-AG Informationstechnologie, Mathe und Naturwissenschaften https://augenbit.de/<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
<br />
{{Fortsetzung<br />
|vorher=Barrierefreiheit in ZUM und H5P-Apps |vorherlink=Barrierefreiheit in ZUM und_H5P-Apps<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=Barrierefreiheit_in_ZUM_und_H5P-Apps&diff=155575Barrierefreiheit in ZUM und H5P-Apps2026-06-08T07:28:08Z<p>Ukalina: Die Seite wurde neu angelegt: „__NOTOC__ {{Fortsetzung |vorher= |vorherlink= |weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader |übersicht= |übersichtlink= }} {{Box | Titel = Barrierefreies Web-Design | Klasse = Lernpfad | Inhalt = * Es gibt im Internet zahlreiche Web-Seiten, die darüber informieren, wie Webseiten barrierefrei gestaltet werden können. Eine sehr fundierte und umfassende Darstellung findet man z.B. auf der Seite https://www.barrierefreies-webdesign.de/ v…“</p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
| Titel = Barrierefreies Web-Design<br />
| Klasse = Lernpfad<br />
| Inhalt = <br />
* Es gibt im Internet zahlreiche Web-Seiten, die darüber informieren, wie Webseiten barrierefrei gestaltet werden können. Eine sehr fundierte und umfassende Darstellung findet man z.B. auf der Seite https://www.barrierefreies-webdesign.de/ von Jan Hellbusch.<br />
* Im Folgenden geht es vorrangig darum, wie Lerninhalte auf ZUM.de barrierefrei mit einem Screenreader und anderen assistiven Technologien genutzt werden können.<br />
}}<br />
<br />
====Accessibility und Usability====<br />
Im Zusammenhang mit dem Begriff der '''Barrierefreiheit''' sind zwei Aspekte zu unterscheiden:<br />
<br />
; Accessibility<br />
: zielt darauf ab, dass ein Produkt auch von Menschen mit Einschränkungen genutzt werden kann - gegebenenfalls unter Zuhilfenahme assistiver Technologien (auch [https://de.wikipedia.org/wiki/Unterst%C3%BCtzungstechnologie Unterstützungstechnologie]). <br />
; Usability <br />
: ist ein Kriterium dafür, dass diese Nutzung auch effizient und zufriedenstellend abläuft.<br />
<br />
Im Kontext schulischer Bildung ist über die Accessibility hinaus der Aspekt der Usability besonders wichtig. Für Schülerinnen und Schüler reicht es nicht aus, wenn es "irgendeinen" technischen Weg gibt, um an die relevanten Informationen zu gelangen. Sie müssen diese auch einfach, schnell und intuitiv erreichen können. Die Auseinandersetzung mit dem Lerngegenstand darf nicht durch Fragen der Handhabung des Lernmediums beeinträchtigt werden. Während es für die Accessibility standardisierte Testverfahren gibt, kann die Usability nicht ausschließlich anhand formaler Kriterien beurteilt werden.<br />
<br />
====Barrierefreiheit auf ZUM====<br />
* [[ZUM mit Screenreader]]<br />
* Abbildungen<br />
* Videos<br />
* Mathematische und Chemische Fomeln<br />
* GeoGebra-Applets<br />
* Interaktive Apps [[H5P mit Screenreader]]<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155487ZUM mit Screenreader2026-06-07T14:08:12Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn mithilfe einer Sprachausgabe akustisch oder auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) taktil dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem MS Windows arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in MS-Windows ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Browse- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive H5P-Apps mit einem Screenreader bedienen ====<br />
* [[H5P mit Screenreader|Startseite H5P mit Screenreader]]<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set|Single Choice Set (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
==== Weiterführende Links zum Thema Screenreader ====<br />
* Umfassende Informationen rund um Screenreader: http://screenreader.ssilv.de/<br />
* Augenbit - das Web-Portal der VBS-AG Informationstechnologie, Mathe und Naturwissenschaften https://augenbit.de/<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalinahttp://zumunterrichten.idea-sketch.com/index.php?title=ZUM_mit_Screenreader&diff=155486ZUM mit Screenreader2026-06-07T14:07:09Z<p>Ukalina: </p>
<hr />
<div>__NOTOC__<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
{{Box<br />
|Titel = Was ist ein Screenreader?<br />
|Klasse = Kurzinfo<br />
|Inhalt =<br />
* Ein [[wikipedia:Screenreader|Screenreader]] ist eine Hilfsmittel-Software für blinde und stark seheingeschränkte Menschen. Sie liest den Bildschirminhalt eines digitalen Endgerätes aus stellt ihn mithilfe einer Sprachausgabe akustisch oder auf einer [[wikipedia:Braillezeile|Braillezeile]] in Blindenpunktschrift ([[wikipedia:Braille|Braille]]) taktil dar.<br />
* Screenreader unterstützen durch eine Vielzahl von Tastaturkommandos Bedienstrategien, mit denen einzelne Teilbereiche des Bildschirminhalts gezielt auszuwählen und vorzulesen. <br />
* Im deutschsprachigen Raum sind für Computer, die unter dem Betriebssystem MS Windows arbeiten, vor allem drei Screenreader-Produkte verbreitet: <br />
** NVDA - kostenlos und leistungsstark<br />
** JAWS - kommerziell und leistungsstark<br />
** Narrator - in MS-Windows ab Version 10 standardmäßig enthalten, nicht ganz so leistungsfähig<br />
}}<br />
<br />
==== Elementare Screenreader-Funktionen====<br />
Die so genannte Screenreader-Taste (<code>NVDA</code>, <code>JAWS</code> oder <code>Narrator</code>) ist je nach Einstellung die Einfüge-Taste <code>EINFG</code>, die Dauergroßschreibtaste <code>CAPS LOCK</code> oder beides. Bei NVDA und Narrator sind viele Tastenkombinationen gleich. Ausführliche Befehlslisten findet man im Screenreader-Portal auf der Seite http://screenreader.ssilv.de/ oder in den Manuals der Hersteller.<br />
<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Screenreader '''starten''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: nvda.exe im NVDA-Programmordner öffnen <br/> bei JAWS: jfw.exe im JAWS-Programmordner öffnen <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
| Sprachausgabe '''abwürgen''' &nbsp;&nbsp;<br />
|<code>STRG</code><br />
|-<br />
| Screenreader '''Einstellungen''' &nbsp; &nbsp; <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA:<code> NVDA</code> + <code>n</code> <br/> bei JAWS: <code>JAWS</code> + <code>j</code> <br/> bei Narrator: <code>Narrator</code> + <code>STRG</code> + <code>n</code><br />
|-<br />
| Screenreader '''beenden''' <br /> &nbsp; <br /> &nbsp; <br /><br />
| bei NVDA: <code>NVDA</code> + <code>q</code> <br/> bei JAWS: <code>JAWS</code> + <code>F4</code> <br/> bei Narrator: <code>STRG</code> + <code>WINDOWS</code> + <code>ENTER</code><br />
|-<br />
|}<br />
<br />
==== Mit einem Screenreader auf Internet-Seiten navigieren ====<br />
===== Lese- und Fokus-Modus =====<br />
* Dasjenige Windows-Objekt, das aktuell auf Tastatureingaben reagiert, besitzt den so genannten Windows-Fokus. <br />
* Beim Navigieren auf Web-Seiten mit einem Screenreader muss zwischen zwei Modi unterschieden werden:<br />
*; Fokus-Modus (auch Eingabe- oder Interaktions-Modus)<br />
*: wird eingeschaltet, wenn ein Objekt mit <code>TAB</code> bzw. <code>UMSCHALT</code> + <code>TAB</code> fokussiert wird oder wenn das Tastatur-Kommando zum Wechsel zwischen Lese- und Fokus-Modus eingegeben wird. Wenn im Lese-Modus der Lese-Cursor auf ein Texteingabefeld trifft, kann der Fokus-Modus, der hier auch als Formular-Modus bezeichnet wird, je nach Einstellung und Screenreader entweder automatisch ein- und ausgeschaltet werden oder von Hand (bei JAWS mit <code>ENTER</code> bzw. <code>ESC</code>). Im Fokus-Modus werden Tastatureingaben direkt an das fokussierte Objekt weitergegeben. <br />
*; Lese-Modus (auch Broswe- oder Scan-Modus)<br />
*: Im Lese-Modus kann man den der Inhalt einer Web-Seite mit dem Lese-Cursor per <code>PFEIL</code>-Tasten erkunden - ähnlich wie mit der Schreibmarke in einem Textverarbeitungsprogramm. Dabei können auch Kurztasten verwendet werden (z.B. <code>b</code> für Sprung zum nächsten Schalter (button), <code>h</code> für Sprung zur nächsten Überschrift (header), usw. Die Tastatureingaben im Lese-Modus sind Steuerkommandos an den Screenreader, um mit dem Lese-Cursor auf einer Seite zu navigieren. <br />
===== Tastaturkommandos zum Navigieren auf Internet-Seiten mit einem Screenreader=====<br />
{|<br />
|-<br />
! Aktion<br />
! Tastaturkommando <br />
|-<br />
| Seite vom Server '''neu laden''' &nbsp;&nbsp;&nbsp;<br />
| <code>STRG</code>+<code>F5</code> <br />
|-<br />
| '''Lese-Cursor bewegen''' <br />
| (<code>UMSCHALT</code>+<code>Taste</code> = Richtung rückwärts)<br />
|-<br />
| &nbsp;&nbsp; zum '''Seitenanfang''' <br />
| <code>STRG</code>+<code>POS1 </code><br />
|-<br />
| &nbsp;&nbsp; zu '''Sprungmarke''' <br /> &nbsp; <br /> <br />
| <code>d</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>d</code> &nbsp;&nbsp; bei NVDA <br /> <code>r</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>r</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| &nbsp;&nbsp; zu '''Überschrift '''<br />
| <code>h</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>h</code><br />
|-<br />
| &nbsp;&nbsp; zu '''Schalter''' <br />
| <code>b</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>b</code><br />
|-<br />
| &nbsp;&nbsp; '''zeilenweise''' <br />
| <code>PFEIL RAUF</code> &nbsp;/&nbsp; <code>PFEIL RUNTER</code><br />
|-<br />
| &nbsp;&nbsp; '''wortweise''' <br />
| <code>STRG</code> + <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>STRG</code> + <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zeichenweise''' <br />
| <code>PFEIL RECHTS</code> &nbsp;/&nbsp; <code>PFEIL LINKS</code><br />
|-<br />
| &nbsp;&nbsp; '''zellenweise''' in Tabelle<br />
| <code>STRG</code>+<code>ALT</code>+<code>PFEIL</code>-Tasten <br />
|-<br />
| nächstes '''Fokusobjekt''' fokussieren &nbsp;&nbsp;<br />
| <code>TAB</code> &nbsp;/&nbsp; <code>UMSCHALT</code>+<code>TAB</code><br />
|-<br />
| Fokusobjekt '''aktivieren/deaktivieren''' &nbsp; &nbsp;<br />
| <code>LEERTASTE</code> <br />
|-<br />
| Wechsel '''Lese-/Fokus-Modus''' <br /> &nbsp; <br /> <br />
| <code>NVDA</code>+<code>LEERTASTE</code> &nbsp;&nbsp; bei NVDA <br /> <code>JAWS</code>+<code>y</code> &nbsp;&nbsp; bei JAWS <br />
|-<br />
| NVDA '''Elemente-Liste'''<br />
| <code>NVDA</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Link-Liste''' <br />
| <code>JAWS</code>+<code>F7</code> <br />
|-<br />
| JAWS '''Überschriften-Liste''' <br />
| <code>JAWS</code>+<code>F6</code> <br />
|-<br />
|}<br />
<br />
==== Interaktive H5P-Apps mit einem Screenreader bedienen ====<br />
* [[H5P mit Screenreader|Startseite H5P mit Screenreader]]<br />
# [[H5P mit Screenreader/Drag the Words|Drag the Words (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Single Choice Set|Single Choice Set (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Sort the Paragraphs|Sort the Paragraphs (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Fill in the Blanks|Fill in the Blanks (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Multiple Choice|Multiple Choice (H5P) mit Screenreader]]<br />
# [[H5P mit Screenreader/Mark the Words|Mark the Words (H5P) mit Screenreader]]<br />
<br />
==== Weiterführende Links zum Thema Screenreader ====<br />
* Umfassende Informationen rund um Screenreader: http://screenreader.ssilv.de/<br />
* Augenbit - das Web-Portal der VBS-AG Informationstechnologie, Mathe und Naturwissenschaften https://augenbit.de/<br />
<br />
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])<br />
<br />
<br />
{{Fortsetzung<br />
|vorher= |vorherlink=<br />
|weiter=H5P mit Screenreader |weiterlink=H5P mit Screenreader<br />
|übersicht= |übersichtlink=<br />
}}<br />
<br />
[[Kategorie:Hilfe]]<br />
[[Kategorie:Barrierefrei]]</div>Ukalina