http://zumunterrichten.idea-sketch.com/index.php?action=history&feed=atom&title=Benutzer%3AUkalina%2FDrag_the_Words_%28H5P%29_mit_Screenreader 2026-08-07T20:12:48Z Versionsgeschichte dieser Seite in ZUM-Unterrichten MediaWiki 1.43.9 http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=154269&oldid=prev 2026-05-29T15:45:45Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 29. Mai 2026, 15:45 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l26">Zeile 26:</td> <td colspan="2" class="diff-lineno">Zeile 26:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=====Konjugation des Verbs &quot;können&quot;=====</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=====Konjugation des Verbs &quot;können&quot;=====</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=46723|height=350px}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=46723|height=350px}}</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=====Lückentext <del style="font-weight: bold; text-decoration: none;">"Der Fuchs und die Trauben" </del>mit vorgegebenen Lückeninhalten=====</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>=====Lückentext mit vorgegebenen Lückeninhalten=====</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=47189|height=<del style="font-weight: bold; text-decoration: none;">350px</del>}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=47189|height=<ins style="font-weight: bold; text-decoration: none;">300px</ins>}}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==== Drag the Words (H5P) mit Screenreader  ====</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==== Drag the Words (H5P) mit Screenreader  ====</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35">Zeile 35:</td> <td colspan="2" class="diff-lineno">Zeile 35:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; Besonderheiten  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; Besonderheiten  </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, wird vom Screenreader als Liste von '''Schaltern''' <del style="font-weight: bold; text-decoration: none;">aufgefasst</del>, zu denen man besonders einfach mit den Schnelltasten &lt;code&gt;b&lt;/code&gt; bzw. &lt;code&gt;UMSCHALT&lt;/code&gt; + &lt;code&gt;b&lt;/code&gt; gelangt.  </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, wird vom Screenreader als Liste von '''Schaltern''' <ins style="font-weight: bold; text-decoration: none;">bezeichnet</ins>, zu denen man besonders einfach mit den Schnelltasten &lt;code&gt;b&lt;/code&gt; bzw. &lt;code&gt;UMSCHALT&lt;/code&gt; + &lt;code&gt;b&lt;/code&gt; gelangt.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* 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 &#039;&#039;&#039;über oder unter&#039;&#039;&#039; dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach oben oder nach unten navigieren, um zu dieser Liste zu gelangen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* 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 &#039;&#039;&#039;über oder unter&#039;&#039;&#039; dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach oben oder nach unten navigieren, um zu dieser Liste zu gelangen.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l56">Zeile 56:</td> <td colspan="2" class="diff-lineno">Zeile 56:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[[Kategorie:Hilfe]]</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-154261:rev-154269:php=table --> </table>

Ukalina http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=154261&oldid=prev 2026-05-29T15:17:31Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 29. Mai 2026, 15:17 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l27">Zeile 27:</td> <td colspan="2" class="diff-lineno">Zeile 27:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=46723|height=350px}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=46723|height=350px}}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=====Lückentext &quot;Der Fuchs und die Trauben&quot; mit vorgegebenen Lückeninhalten=====</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=====Lückentext &quot;Der Fuchs und die Trauben&quot; mit vorgegebenen Lückeninhalten=====</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=47189|height=<del style="font-weight: bold; text-decoration: none;">500px</del>}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=47189|height=<ins style="font-weight: bold; text-decoration: none;">350px</ins>}}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==== Drag the Words (H5P) mit Screenreader  ====</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==== Drag the Words (H5P) mit Screenreader  ====</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35">Zeile 35:</td> <td colspan="2" class="diff-lineno">Zeile 35:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; Besonderheiten  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; Besonderheiten  </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, wird vom Screenreader als Liste von '''Schaltern''' <del style="font-weight: bold; text-decoration: none;">bezeichnet</del>, zu denen man besonders einfach mit den Schnelltasten &lt;code&gt;b&lt;/code&gt; bzw. &lt;code&gt;UMSCHALT&lt;/code&gt; + &lt;code&gt;b&lt;/code&gt; gelangt.  </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, wird vom Screenreader als Liste von '''Schaltern''' <ins style="font-weight: bold; text-decoration: none;">aufgefasst</ins>, zu denen man besonders einfach mit den Schnelltasten &lt;code&gt;b&lt;/code&gt; bzw. &lt;code&gt;UMSCHALT&lt;/code&gt; + &lt;code&gt;b&lt;/code&gt; gelangt.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* 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 &#039;&#039;&#039;über oder unter&#039;&#039;&#039; dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach oben oder nach unten navigieren, um zu dieser Liste zu gelangen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* 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 &#039;&#039;&#039;über oder unter&#039;&#039;&#039; dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach oben oder nach unten navigieren, um zu dieser Liste zu gelangen.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l56">Zeile 56:</td> <td colspan="2" class="diff-lineno">Zeile 56:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Kategorie:Hilfe]]</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-154260:rev-154261:php=table --> </table>

Ukalina http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=154260&oldid=prev 2026-05-29T15:14:47Z

<p><span class="autocomment">Lückentext mit vorgegebenen Lückeninhalten</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 29. Mai 2026, 15:14 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l26">Zeile 26:</td> <td colspan="2" class="diff-lineno">Zeile 26:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=====Konjugation des Verbs &quot;können&quot;=====</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=====Konjugation des Verbs &quot;können&quot;=====</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=46723|height=350px}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=46723|height=350px}}</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=====Lückentext mit vorgegebenen Lückeninhalten=====</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>=====Lückentext <ins style="font-weight: bold; text-decoration: none;">"Der Fuchs und die Trauben" </ins>mit vorgegebenen Lückeninhalten=====</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=47189|height=500px}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{h5p-zum|id=47189|height=500px}}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-153922:rev-154260:php=table --> </table>

Ukalina http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=153922&oldid=prev 2026-05-26T13:16:01Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 26. Mai 2026, 13:16 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">Zeile 3:</td> <td colspan="2" class="diff-lineno">Zeile 3:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|vorher=zurück|vorherlink=Benutzer:Ukalina/H5P mit Screenreader</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|vorher=zurück|vorherlink=Benutzer:Ukalina/H5P mit Screenreader</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|weiter=weiter|weiterlink=Benutzer:Ukalina/Single Choice <del style="font-weight: bold; text-decoration: none;">Set </del>(H5P) mit Screenreader</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|weiter=weiter|weiterlink=Benutzer:Ukalina/Single Choice (H5P) mit Screenreader</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|übersicht=H5P Übersicht|übersichtlink=Benutzer:Ukalina/H5P mit Screenreader</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|übersicht=H5P Übersicht|übersichtlink=Benutzer:Ukalina/H5P mit Screenreader</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l52">Zeile 52:</td> <td colspan="2" class="diff-lineno">Zeile 52:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|vorher=zurück|vorherlink=Benutzer:Ukalina/H5P mit Screenreader</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|vorher=zurück|vorherlink=Benutzer:Ukalina/H5P mit Screenreader</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|weiter=weiter|weiterlink=Benutzer:Ukalina/Single Choice <del style="font-weight: bold; text-decoration: none;">Set </del>(H5P) mit Screenreader</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|weiter=weiter|weiterlink=Benutzer:Ukalina/Single Choice (H5P) mit Screenreader</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|übersicht=H5P Übersicht|übersichtlink=Benutzer:Ukalina/H5P mit Screenreader</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|übersicht=H5P Übersicht|übersichtlink=Benutzer:Ukalina/H5P mit Screenreader</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-153921:rev-153922:php=table --> </table>

Ukalina http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=153921&oldid=prev 2026-05-26T13:15:10Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 26. Mai 2026, 13:15 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">Zeile 3:</td> <td colspan="2" class="diff-lineno">Zeile 3:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|vorher=zurück|vorherlink=Benutzer:Ukalina/H5P mit Screenreader</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|vorher=zurück|vorherlink=Benutzer:Ukalina/H5P mit Screenreader</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|weiter=weiter|weiterlink=Benutzer:Ukalina/<del style="font-weight: bold; text-decoration: none;">Fill in the Blanks </del>(H5P) mit Screenreader</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|weiter=weiter|weiterlink=Benutzer:Ukalina/<ins style="font-weight: bold; text-decoration: none;">Single Choice Set </ins>(H5P) mit Screenreader</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|übersicht=H5P Übersicht|übersichtlink=Benutzer:Ukalina/H5P mit Screenreader</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|übersicht=H5P Übersicht|übersichtlink=Benutzer:Ukalina/H5P mit Screenreader</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l52">Zeile 52:</td> <td colspan="2" class="diff-lineno">Zeile 52:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|vorher=zurück|vorherlink=Benutzer:Ukalina/H5P mit Screenreader</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|vorher=zurück|vorherlink=Benutzer:Ukalina/H5P mit Screenreader</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|weiter=weiter|weiterlink=Benutzer:Ukalina/<del style="font-weight: bold; text-decoration: none;">Fill in the Blanks </del>(H5P) mit Screenreader</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|weiter=weiter|weiterlink=Benutzer:Ukalina/<ins style="font-weight: bold; text-decoration: none;">Single Choice Set </ins>(H5P) mit Screenreader</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|übersicht=H5P Übersicht|übersichtlink=Benutzer:Ukalina/H5P mit Screenreader</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|übersicht=H5P Übersicht|übersichtlink=Benutzer:Ukalina/H5P mit Screenreader</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-153915:rev-153921:php=table --> </table>

Ukalina http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=153915&oldid=prev 2026-05-26T13:10:56Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 26. Mai 2026, 13:10 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l45">Zeile 45:</td> <td colspan="2" class="diff-lineno">Zeile 45:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;PFEIL RUNTER&lt;/code&gt; im Lückentext den Kontext für das 2. Ablagefeld lesen</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;PFEIL RUNTER&lt;/code&gt; im Lückentext den Kontext für das 2. Ablagefeld lesen</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># usw.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># usw.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Bei JAWS muss '''vor''' dem Einfügen ins Ablagefeld <del style="font-weight: bold; text-decoration: none;">(3. Schritt) </del>mit &lt;code&gt;JAWS+y&lt;/code&gt; der virtuelle PC-Cursor aus- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus "Automatisch" eingestellt wurde. Bei NVDA ist dies nicht notwendig.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Bei <ins style="font-weight: bold; text-decoration: none;">'''</ins>JAWS<ins style="font-weight: bold; text-decoration: none;">''' </ins>muss '''vor''' dem Einfügen ins Ablagefeld mit &lt;code&gt;JAWS<ins style="font-weight: bold; text-decoration: none;">&lt;/code&gt;</ins>+<ins style="font-weight: bold; text-decoration: none;">&lt;code&gt;</ins>y&lt;/code&gt; der virtuelle PC-Cursor aus- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus "Automatisch" eingestellt wurde. Bei NVDA ist dies nicht notwendig.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Beim Narrator werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der &lt;code&gt;TAB&lt;/code&gt;-Taste. Dazu muss man vorher ''erraten'' haben, dass an dieser Stelle im Text ein Wort fehlt.  </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Beim <ins style="font-weight: bold; text-decoration: none;">'''</ins>Narrator<ins style="font-weight: bold; text-decoration: none;">''' </ins>werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der &lt;code&gt;TAB&lt;/code&gt;-Taste. Dazu muss man <ins style="font-weight: bold; text-decoration: none;">allerdings </ins>vorher ''erraten'' haben, dass an dieser Stelle im Text ein Wort fehlt.  </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Bei NVDA und Narrator funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. 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 &lt;code&gt;JAWS&lt;/code&gt;+&lt;code&gt;STRG&lt;/code&gt;+&lt;code&gt;s&lt;/code&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Bei <ins style="font-weight: bold; text-decoration: none;">'''</ins>NVDA<ins style="font-weight: bold; text-decoration: none;">''' </ins>und <ins style="font-weight: bold; text-decoration: none;">'''</ins>Narrator<ins style="font-weight: bold; text-decoration: none;">''' </ins>funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. Bei <ins style="font-weight: bold; text-decoration: none;">'''</ins>JAWS<ins style="font-weight: bold; text-decoration: none;">''' </ins>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 &lt;code&gt;JAWS&lt;/code&gt;+&lt;code&gt;STRG&lt;/code&gt;+&lt;code&gt;s&lt;/code&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Für Autoren von H5P-Arbeitsblättern: Im Drag the Words-Bearbeitungsformular sollte unter "Bezeichnungen und Beschriftungen" &gt; "Drag the Words" im Feld "Beschriftung: Ziehbarer Text" '''vor''' der Zeichenkette "@index von @count" die Zeichenkette "&lt;nowiki&gt;&amp;nbsp&amp;nbsp; &lt;/nowiki&gt;" 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". (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Für Autoren von H5P-Arbeitsblättern: Im Drag the Words-Bearbeitungsformular sollte unter "Bezeichnungen und Beschriftungen" &gt; "Drag the Words" im Feld "Beschriftung: Ziehbarer Text" '''vor''' der Zeichenkette "@index von @count" die Zeichenkette "&lt;nowiki&gt;&amp;nbsp&amp;nbsp; &lt;/nowiki&gt;" 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<ins style="font-weight: bold; text-decoration: none;">" - gesprochen: "dreiundfünfzig von vier</ins>". (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Fortsetzung</div></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-153912:rev-153915:php=table --> </table>

Ukalina http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=153912&oldid=prev 2026-05-26T13:06:18Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 26. Mai 2026, 13:06 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l40">Zeile 40:</td> <td colspan="2" class="diff-lineno">Zeile 40:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bedienschritte</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bedienschritte</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;PFEIL&lt;/code&gt;-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;PFEIL&lt;/code&gt;-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;PFEIL&lt;/code&gt;-Tasten oder <del style="font-weight: bold; text-decoration: none;">Schalter-Schnelltaste </del>&lt;code&gt;b&lt;/code&gt; in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;PFEIL&lt;/code&gt;-Tasten oder <ins style="font-weight: bold; text-decoration: none;">Kurztaste </ins>&lt;code&gt;b&lt;/code&gt; <ins style="font-weight: bold; text-decoration: none;">(button) </ins>in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;LEERTASTE&lt;/code&gt; Element markieren</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;LEERTASTE&lt;/code&gt; Element markieren</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit erneuter &lt;code&gt;LEERTASTE&lt;/code&gt; wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit erneuter &lt;code&gt;LEERTASTE&lt;/code&gt; wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen</div></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-153911:rev-153912:php=table --> </table>

Ukalina http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=153911&oldid=prev 2026-05-26T13:04:54Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 26. Mai 2026, 13:04 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l31">Zeile 31:</td> <td colspan="2" class="diff-lineno">Zeile 31:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==== Drag the Words (H5P) mit Screenreader  ====</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==== Drag the Words (H5P) mit Screenreader  ====</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.  </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Mit &lt;code&gt;PFEIL<del style="font-weight: bold; text-decoration: none;">-</del>RUNTER&lt;/code&gt; und &lt;code&gt;PFEIL<del style="font-weight: bold; text-decoration: none;">-</del>RAUF&lt;/code&gt; kann man durch die App navigieren.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Mit &lt;code&gt;PFEIL RUNTER&lt;/code&gt; und &lt;code&gt;PFEIL RAUF&lt;/code&gt; kann man durch die App navigieren.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Mit der &lt;code&gt;LEERTASTE&lt;/code&gt; wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter &lt;code&gt;LEERTASTE&lt;/code&gt; im ersten freien Ablagefeld ab.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Mit der &lt;code&gt;LEERTASTE&lt;/code&gt; wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter &lt;code&gt;LEERTASTE&lt;/code&gt; im ersten freien Ablagefeld ab.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l43">Zeile 43:</td> <td colspan="2" class="diff-lineno">Zeile 43:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;LEERTASTE&lt;/code&gt; Element markieren</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;LEERTASTE&lt;/code&gt; Element markieren</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit erneuter &lt;code&gt;LEERTASTE&lt;/code&gt; wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Mit erneuter &lt;code&gt;LEERTASTE&lt;/code&gt; wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;PFEIL<del style="font-weight: bold; text-decoration: none;">-</del>RUNTER&lt;/code&gt; im Lückentext den Kontext für das 2. Ablagefeld lesen</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># Mit &lt;code&gt;PFEIL RUNTER&lt;/code&gt; im Lückentext den Kontext für das 2. Ablagefeld lesen</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># usw.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># usw.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bei JAWS muss &#039;&#039;&#039;vor&#039;&#039;&#039; dem Einfügen ins Ablagefeld (3. Schritt) mit &lt;code&gt;JAWS+y&lt;/code&gt; der virtuelle PC-Cursor aus- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &quot;Automatisch&quot; eingestellt wurde. Bei NVDA ist dies nicht notwendig.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bei JAWS muss &#039;&#039;&#039;vor&#039;&#039;&#039; dem Einfügen ins Ablagefeld (3. Schritt) mit &lt;code&gt;JAWS+y&lt;/code&gt; der virtuelle PC-Cursor aus- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &quot;Automatisch&quot; eingestellt wurde. Bei NVDA ist dies nicht notwendig.</div></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-153875:rev-153911:php=table --> </table>

Ukalina http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=153875&oldid=prev 2026-05-25T19:45:55Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 25. Mai 2026, 19:45 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l47">Zeile 47:</td> <td colspan="2" class="diff-lineno">Zeile 47:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bei JAWS muss &#039;&#039;&#039;vor&#039;&#039;&#039; dem Einfügen ins Ablagefeld (3. Schritt) mit &lt;code&gt;JAWS+y&lt;/code&gt; der virtuelle PC-Cursor aus- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &quot;Automatisch&quot; eingestellt wurde. Bei NVDA ist dies nicht notwendig.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bei JAWS muss &#039;&#039;&#039;vor&#039;&#039;&#039; dem Einfügen ins Ablagefeld (3. Schritt) mit &lt;code&gt;JAWS+y&lt;/code&gt; der virtuelle PC-Cursor aus- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &quot;Automatisch&quot; eingestellt wurde. Bei NVDA ist dies nicht notwendig.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Beim Narrator werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der &lt;code&gt;TAB&lt;/code&gt;-Taste. Dazu muss man vorher &#039;&#039;erraten&#039;&#039; haben, dass an dieser Stelle im Text ein Wort fehlt.  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Beim Narrator werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der &lt;code&gt;TAB&lt;/code&gt;-Taste. Dazu muss man vorher &#039;&#039;erraten&#039;&#039; haben, dass an dieser Stelle im Text ein Wort fehlt.  </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Bei NVDA und Narrator funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. 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 JAWS+STRG+s</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Bei NVDA und Narrator funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. 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 <ins style="font-weight: bold; text-decoration: none;">&lt;code&gt;</ins>JAWS<ins style="font-weight: bold; text-decoration: none;">&lt;/code&gt;</ins>+<ins style="font-weight: bold; text-decoration: none;">&lt;code&gt;</ins>STRG<ins style="font-weight: bold; text-decoration: none;">&lt;/code&gt;</ins>+<ins style="font-weight: bold; text-decoration: none;">&lt;code&gt;</ins>s<ins style="font-weight: bold; text-decoration: none;">&lt;/code&gt;</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Für Autoren von H5P-Arbeitsblättern: Im Drag the Words-Bearbeitungsformular sollte unter "Bezeichnungen und Beschriftungen" &gt; "Drag the Words" im Feld "Beschriftung: Ziehbarer Text" '''vor''' der Zeichenkette "@index von @count" die Zeichenkette "&amp;nbsp&amp;nbsp; " 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". (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Für Autoren von H5P-Arbeitsblättern: Im Drag the Words-Bearbeitungsformular sollte unter "Bezeichnungen und Beschriftungen" &gt; "Drag the Words" im Feld "Beschriftung: Ziehbarer Text" '''vor''' der Zeichenkette "@index von @count" die Zeichenkette "<ins style="font-weight: bold; text-decoration: none;">&lt;nowiki&gt;</ins>&amp;nbsp&amp;nbsp; <ins style="font-weight: bold; text-decoration: none;">&lt;/nowiki&gt;</ins>" 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". (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{Fortsetzung</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">|vorher=zurück|vorherlink=Benutzer:Ukalina/H5P mit Screenreader</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">|weiter=weiter|weiterlink=Benutzer:Ukalina/Fill in the Blanks (H5P) mit Screenreader</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">|übersicht=H5P Übersicht|übersichtlink=Benutzer:Ukalina/H5P mit Screenreader</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}} &lt;!-- Navi-Leiste Fortsetzung --&gt;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[[Kategorie:H5P]]</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Barrierefrei]]</div></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-153847:rev-153875:php=table --> </table>

Ukalina http://zumunterrichten.idea-sketch.com/index.php?title=Benutzer:Ukalina/Drag_the_Words_(H5P)_mit_Screenreader&diff=153847&oldid=prev 2026-05-25T08:04:16Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 25. Mai 2026, 08:04 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l46">Zeile 46:</td> <td colspan="2" class="diff-lineno">Zeile 46:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># usw.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># usw.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bei JAWS muss &#039;&#039;&#039;vor&#039;&#039;&#039; dem Einfügen ins Ablagefeld (3. Schritt) mit &lt;code&gt;JAWS+y&lt;/code&gt; der virtuelle PC-Cursor aus- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &quot;Automatisch&quot; eingestellt wurde. Bei NVDA ist dies nicht notwendig.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bei JAWS muss &#039;&#039;&#039;vor&#039;&#039;&#039; dem Einfügen ins Ablagefeld (3. Schritt) mit &lt;code&gt;JAWS+y&lt;/code&gt; der virtuelle PC-Cursor aus- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &quot;Automatisch&quot; eingestellt wurde. Bei NVDA ist dies nicht notwendig.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Beim Narrator <del style="font-weight: bold; text-decoration: none;">wird </del>die <del style="font-weight: bold; text-decoration: none;">erste Lücke </del>im Text <del style="font-weight: bold; text-decoration: none;">manchmal </del>nicht automatisch <del style="font-weight: bold; text-decoration: none;">erkannt</del>, sondern erst nach Drücken der &lt;code&gt;TAB&lt;/code&gt;-Taste.  </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Beim Narrator <ins style="font-weight: bold; text-decoration: none;">werden </ins>die <ins style="font-weight: bold; text-decoration: none;">leeren Lücken </ins>im Text nicht automatisch <ins style="font-weight: bold; text-decoration: none;">als solche vorgelesen</ins>, sondern erst nach Drücken der &lt;code&gt;TAB&lt;/code&gt;-Taste<ins style="font-weight: bold; text-decoration: none;">. Dazu muss man vorher ''erraten'' haben, dass an dieser Stelle im Text ein Wort fehlt</ins>.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bei NVDA und Narrator funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. 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 JAWS+STRG+s</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Bei NVDA und Narrator funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. 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 JAWS+STRG+s</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Für Autoren von H5P-Arbeitsblättern: Im Drag the Words-Bearbeitungsformular sollte unter &quot;Bezeichnungen und Beschriftungen&quot; &gt; &quot;Drag the Words&quot; im Feld &quot;Beschriftung: Ziehbarer Text&quot; &#039;&#039;&#039;vor&#039;&#039;&#039; der Zeichenkette &quot;@index von @count&quot; die Zeichenkette &quot;&amp;nbsp&amp;nbsp; &quot; 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 &#039;&#039;&#039;einer einzigen Zahl&#039;&#039;&#039; zusammengezogen und der Screenreader liest vor: &quot;Schalter 53 von 4&quot;. (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Für Autoren von H5P-Arbeitsblättern: Im Drag the Words-Bearbeitungsformular sollte unter &quot;Bezeichnungen und Beschriftungen&quot; &gt; &quot;Drag the Words&quot; im Feld &quot;Beschriftung: Ziehbarer Text&quot; &#039;&#039;&#039;vor&#039;&#039;&#039; der Zeichenkette &quot;@index von @count&quot; die Zeichenkette &quot;&amp;nbsp&amp;nbsp; &quot; 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 &#039;&#039;&#039;einer einzigen Zahl&#039;&#039;&#039; zusammengezogen und der Screenreader liest vor: &quot;Schalter 53 von 4&quot;. (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)</div></td></tr> <!-- diff cache key zum_unterrichten:diff:1.41:old-153846:rev-153847:php=table --> </table>

Ukalina