https://zumunterrichten.idea-sketch.com/index.php?action=history&feed=atom&title=H5P_mit_Screenreader%2FSort_the_Paragraphs 2026-06-26T02:38:16Z Versionsgeschichte dieser Seite in ZUM-Unterrichten MediaWiki 1.39.17 https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Sort_the_Paragraphs&diff=155870&oldid=prev 2026-06-10T08:41:57Z

<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 10. Juni 2026, 08:41 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>|vorher=zurück|vorherlink=H5P mit Screenreader/Single Choice Set</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=H5P mit Screenreader/Single Choice Set</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>|weiter=weiter|weiterlink=H5P mit Screenreader/Fill in the Blanks</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>|weiter=weiter|weiterlink=H5P mit Screenreader/Fill in the Blanks</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>|übersicht=H5P <del style="font-weight: bold; text-decoration: none;">Übersicht</del>|übersichtlink=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>|übersicht=<ins style="font-weight: bold; text-decoration: none;">Übersicht </ins>H5P<ins style="font-weight: bold; text-decoration: none;">-Tests</ins>|übersichtlink=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 colspan="2" class="diff-lineno" id="mw-diff-left-l37">Zeile 37:</td> <td colspan="2" class="diff-lineno">Zeile 37:</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=H5P mit Screenreader/Single Choice Set</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=H5P mit Screenreader/Single Choice Set</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>|weiter=weiter|weiterlink=H5P mit Screenreader/Fill in the Blanks</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>|weiter=weiter|weiterlink=H5P mit Screenreader/Fill in the Blanks</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>|übersicht=H5P <del style="font-weight: bold; text-decoration: none;">Übersicht</del>|übersichtlink=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>|übersicht=<ins style="font-weight: bold; text-decoration: none;">Übersicht </ins>H5P<ins style="font-weight: bold; text-decoration: none;">-Tests</ins>|übersichtlink=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:Hilfe]]</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:Hilfe]]</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> </table>

Ukalina https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Sort_the_Paragraphs&diff=154414&oldid=prev 2026-05-30T11:36:49Z

<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 30. Mai 2026, 11:36 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l41">Zeile 41:</td> <td colspan="2" class="diff-lineno">Zeile 41:</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:Hilfe]]</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:Hilfe]]</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>[[Kategorie:Barrierefrei]</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>[[Kategorie:Barrierefrei<ins style="font-weight: bold; text-decoration: none;">]</ins>]</div></td></tr> </table>

Ukalina https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Sort_the_Paragraphs&diff=154412&oldid=prev 2026-05-30T11:36:22Z

<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 30. Mai 2026, 11:36 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l32">Zeile 32:</td> <td colspan="2" class="diff-lineno">Zeile 32:</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>* 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 &lt;math&gt;\frac{2}{3}&lt;/math&gt; die Schreibweise 2/3.</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>* 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 &lt;math&gt;\frac{2}{3}&lt;/math&gt; die Schreibweise 2/3.</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 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 &quot;überlisten&quot;, indem man ein &quot;geschütztes Leerzeichen&quot; im HTML-Format einträgt, also die Zeichenkette &quot;&amp;nbsp;&quot; (ohne Redezeichen).</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 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 &quot;überlisten&quot;, indem man ein &quot;geschütztes Leerzeichen&quot; im HTML-Format einträgt, also die Zeichenkette &quot;&amp;nbsp;&quot; (ohne Redezeichen).</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;"></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>{{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> </table>

Ukalina https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Sort_the_Paragraphs&diff=154411&oldid=prev 2026-05-30T11:35:35Z

<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 30. Mai 2026, 11:35 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l30">Zeile 30:</td> <td colspan="2" class="diff-lineno">Zeile 30:</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 die neue Position festgelegt.</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 die neue Position festgelegt.</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;TAB&lt;/code&gt; kann der Fokus auf den Prüfen-Schalter bewegt und dieser dann mit der &lt;code&gt;LEERTASTE&lt;/code&gt; aktviert werden.</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;TAB&lt;/code&gt; kann der Fokus auf den Prüfen-Schalter bewegt und dieser dann mit der &lt;code&gt;LEERTASTE&lt;/code&gt; aktviert werden.</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;">* 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 &lt;math>\frac{2}{3}&lt;/math> die Schreibweise 2/3.</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>* 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 &quot;überlisten&quot;, indem man ein &quot;geschütztes Leerzeichen&quot; im HTML-Format einträgt, also die Zeichenkette &quot;&amp;nbsp;&quot; (ohne Redezeichen).</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 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 &quot;überlisten&quot;, indem man ein &quot;geschütztes Leerzeichen&quot; im HTML-Format einträgt, also die Zeichenkette &quot;&amp;nbsp;&quot; (ohne Redezeichen).</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 zumunterrichten:diff::1.12:old-154407:rev-154411 --> </table>

Ukalina https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Sort_the_Paragraphs&diff=154407&oldid=prev 2026-05-30T11:27:49Z

<p>Die Seite wurde neu angelegt: „__NOTOC__ {{Fortsetzung |vorher=zurück|vorherlink=H5P mit Screenreader/Single Choice Set |weiter=weiter|weiterlink=H5P mit Screenreader/Fill in the Blanks |übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader }} &lt;!-- Navi-Leiste Fortsetzung --&gt; {{Box |Titel = Sort the Paragraphs (H5P) |Klasse = Kurzinfo |Inhalt = * Es werden mehrere Zeilen präsentiert, die in eine inhaltlich sinnvolle Reihenfolge gebracht werden sollen. * Weiterführende Hinw…“</p> <p><b>Neue Seite</b></p><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=H5P Übersicht|übersichtlink=H5P mit Screenreader<br /> }} &lt;!-- Navi-Leiste Fortsetzung --&gt;<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 /> }} &lt;!-- Box --&gt;<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 &lt;code&gt;PFEIL RAUF&lt;/code&gt; bzw. &lt;code&gt;PFEIL RUNTER&lt;/code&gt; durch den Text navigieren. <br /> # Bei NVDA: Wenn die Liste der Absätze, die sortiert werden sollen, erreicht wurde, sagt NVDA &quot;Anwendung ... Liste der sortierbaren Absätze&quot;. An dieser Stelle muss &lt;code&gt;ENTER&lt;/code&gt; gedrückt werden, um mit dem Cursor in die Liste hineinzugelangen. Bei JAWS ist dies nicht notwendig. <br /> # Mit &lt;code&gt;LEERTASTE&lt;/code&gt; wird ein Absatz zum Verschieben markiert.<br /> # Mit &lt;code&gt;PFEIL&lt;/code&gt;-Tasten wird dieser Absatz an eine neue Position geschoben.<br /> # Mit erneuter &lt;code&gt;LEERTASTE&lt;/code&gt; wird die neue Position festgelegt.<br /> # Mit &lt;code&gt;TAB&lt;/code&gt; kann der Fokus auf den Prüfen-Schalter bewegt und dieser dann mit der &lt;code&gt;LEERTASTE&lt;/code&gt; aktviert werden.<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 &quot;überlisten&quot;, indem man ein &quot;geschütztes Leerzeichen&quot; im HTML-Format einträgt, also die Zeichenkette &quot;&amp;nbsp;&quot; (ohne Redezeichen).<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=H5P Übersicht|übersichtlink=H5P mit Screenreader<br /> }} &lt;!-- Navi-Leiste Fortsetzung --&gt;<br /> <br /> [[Kategorie:Hilfe]]<br /> [[Kategorie:Barrierefrei]</div>

Ukalina