<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://zumunterrichten.idea-sketch.com/index.php?action=history&amp;feed=atom&amp;title=H5P_mit_Screenreader%2FDrag_the_Words</id>
	<title>H5P mit Screenreader/Drag the Words - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://zumunterrichten.idea-sketch.com/index.php?action=history&amp;feed=atom&amp;title=H5P_mit_Screenreader%2FDrag_the_Words"/>
	<link rel="alternate" type="text/html" href="https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;action=history"/>
	<updated>2026-06-26T09:53:18Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in ZUM-Unterrichten</subtitle>
	<generator>MediaWiki 1.39.17</generator>
	<entry>
		<id>https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=155860&amp;oldid=prev</id>
		<title>Ukalina am 10. Juni 2026 um 08:40 Uhr</title>
		<link rel="alternate" type="text/html" href="https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=155860&amp;oldid=prev"/>
		<updated>2026-06-10T08:40:41Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 10. Juni 2026, 08:40 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l3&quot;&gt;Zeile 3:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 3:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|vorher=zurück|vorherlink=H5P mit Screenreader&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|vorher=zurück|vorherlink=H5P mit Screenreader&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|übersicht=H5P &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Übersicht&lt;/del&gt;|übersichtlink=H5P mit Screenreader&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|übersicht=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Übersicht &lt;/ins&gt;H5P&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;-Tests&lt;/ins&gt;|übersichtlink=H5P mit Screenreader&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;}} &amp;lt;!-- Navi-Leiste Fortsetzung --&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;}} &amp;lt;!-- Navi-Leiste Fortsetzung --&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l60&quot;&gt;Zeile 60:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 60:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|vorher=zurück|vorherlink=H5P mit Screenreader&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|vorher=zurück|vorherlink=H5P mit Screenreader&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|übersicht=H5P &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Übersicht&lt;/del&gt;|übersichtlink=H5P mit Screenreader&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|übersicht=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Übersicht &lt;/ins&gt;H5P&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;-Tests&lt;/ins&gt;|übersichtlink=H5P mit Screenreader&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;}} &amp;lt;!-- Navi-Leiste Fortsetzung --&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;}} &amp;lt;!-- Navi-Leiste Fortsetzung --&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;[[Kategorie:Hilfe]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;[[Kategorie:Hilfe]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;[[Kategorie:Barrierefrei]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;[[Kategorie:Barrierefrei]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key zumunterrichten:diff::1.12:old-155716:rev-155860 --&gt;
&lt;/table&gt;</summary>
		<author><name>Ukalina</name></author>
	</entry>
	<entry>
		<id>https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=155716&amp;oldid=prev</id>
		<title>Ukalina am 9. Juni 2026 um 19:23 Uhr</title>
		<link rel="alternate" type="text/html" href="https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=155716&amp;oldid=prev"/>
		<updated>2026-06-09T19:23:19Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 9. Juni 2026, 19:23 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l29&quot;&gt;Zeile 29:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 29:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;==== Drag the Words (H5P) mit Screenreader  ====&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;==== Drag the Words (H5P) mit Screenreader  ====&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;=====Hinweise für Anwender=====&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;=====Hinweise für &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Screenreader-&lt;/ins&gt;Anwender=====&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Mit &amp;lt;code&amp;gt;PFEIL RUNTER&amp;lt;/code&amp;gt; und &amp;lt;code&amp;gt;PFEIL RAUF&amp;lt;/code&amp;gt; kann man durch die App navigieren.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Mit &amp;lt;code&amp;gt;PFEIL RUNTER&amp;lt;/code&amp;gt; und &amp;lt;code&amp;gt;PFEIL RAUF&amp;lt;/code&amp;gt; kann man durch die App navigieren.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Mit der &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; im ersten freien Ablagefeld ab.   &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Mit der &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; im ersten freien Ablagefeld ab.   &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l37&quot;&gt;Zeile 37:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 37:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; Bedienschritte&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; Bedienschritte&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;PFEIL&amp;lt;/code&amp;gt;-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;PFEIL&amp;lt;/code&amp;gt;-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit Kurztaste &amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; bzw. &amp;lt;code&amp;gt;UMSCHALT&amp;lt;/code&amp;gt; + &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt; &lt;/del&gt;&amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit Kurztaste &amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; bzw. &amp;lt;code&amp;gt;UMSCHALT&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; Element markieren&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; Element markieren&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l43&quot;&gt;Zeile 43:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 43:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# usw.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# usw.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Hinweis zu &lt;/del&gt;JAWS&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; JAWS&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/del&gt;Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; muss &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; dem Einfügen ins Ablagefeld mit &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;y&amp;lt;/code&amp;gt; &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;der Fokus-Modus &lt;/del&gt;ein- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &amp;quot;Automatisch&amp;quot; eingestellt wurde. Bei NVDA und Narrator ist dies nicht notwendig.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;: &lt;/ins&gt;Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; muss &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; dem Einfügen ins Ablagefeld &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;der Fokus-Modus &lt;/ins&gt;mit &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;y&amp;lt;/code&amp;gt; ein- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &amp;quot;Automatisch&amp;quot; eingestellt wurde. Bei NVDA und Narrator ist dies nicht notwendig.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Hinweis zu &lt;/del&gt;Narrator&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;MS &lt;/ins&gt;Narrator&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;: Beim &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der &amp;lt;code&amp;gt;TAB&amp;lt;/code&amp;gt;-Taste. Dazu muss man allerdings vorher &amp;#039;&amp;#039;erraten&amp;#039;&amp;#039; haben, dass an dieser Stelle im Text ein Wort fehlt.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;: Beim &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der &amp;lt;code&amp;gt;TAB&amp;lt;/code&amp;gt;-Taste. Dazu muss man allerdings vorher &amp;#039;&amp;#039;erraten&amp;#039;&amp;#039; haben, dass an dieser Stelle im Text ein Wort fehlt.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Hinweis zur automatischen &lt;/del&gt;Sprachumschaltung (z.B. zwischen Englisch und Deutsch)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Automatische &lt;/ins&gt;Sprachumschaltung (z.B. zwischen Englisch und Deutsch)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;NVDA&amp;#039;&amp;#039;&amp;#039; und &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;NVDA&amp;#039;&amp;#039;&amp;#039; und &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; 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 &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;STRG&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;s&amp;lt;/code&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; 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 &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;STRG&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;s&amp;lt;/code&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;=====Hinweis für Autoren von H5P-Arbeitsblättern und Entwickler der App=====&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;=====Hinweis für Autoren von H5P-Arbeitsblättern und Entwickler der App=====&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/del&gt;Im Drag the Words-Bearbeitungsformular sollte unter &amp;quot;Bezeichnungen und Beschriftungen&amp;quot; &amp;gt; &amp;quot;Drag the Words&amp;quot; im Feld &amp;quot;Beschriftung: Ziehbarer Text&amp;quot; &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; der Zeichenkette &amp;quot;@index von @count&amp;quot; die Zeichenkette &amp;quot;&amp;lt;nowiki&amp;gt;&amp;amp;nbsp&amp;amp;nbsp; &amp;lt;/nowiki&amp;gt;&amp;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 &amp;#039;&amp;#039;&amp;#039;einer einzigen Zahl&amp;#039;&amp;#039;&amp;#039; zusammengezogen und der Screenreader liest vor: &amp;quot;Schalter 53 von 4&amp;quot; - gesprochen: &amp;quot;dreiundfünfzig von vier&amp;quot;. (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Im Drag the Words-Bearbeitungsformular sollte unter &amp;quot;Bezeichnungen und Beschriftungen&amp;quot; &amp;gt; &amp;quot;Drag the Words&amp;quot; im Feld &amp;quot;Beschriftung: Ziehbarer Text&amp;quot; &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; der Zeichenkette &amp;quot;@index von @count&amp;quot; die Zeichenkette &amp;quot;&amp;lt;nowiki&amp;gt;&amp;amp;nbsp&amp;amp;nbsp; &amp;lt;/nowiki&amp;gt;&amp;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 &amp;#039;&amp;#039;&amp;#039;einer einzigen Zahl&amp;#039;&amp;#039;&amp;#039; zusammengezogen und der Screenreader liest vor: &amp;quot;Schalter 53 von 4&amp;quot; - gesprochen: &amp;quot;dreiundfünfzig von vier&amp;quot;. (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key zumunterrichten:diff::1.12:old-155693:rev-155716 --&gt;
&lt;/table&gt;</summary>
		<author><name>Ukalina</name></author>
	</entry>
	<entry>
		<id>https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=155693&amp;oldid=prev</id>
		<title>Ukalina am 9. Juni 2026 um 09:49 Uhr</title>
		<link rel="alternate" type="text/html" href="https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=155693&amp;oldid=prev"/>
		<updated>2026-06-09T09:49:13Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 9. Juni 2026, 09:49 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l29&quot;&gt;Zeile 29:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 29:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;==== Drag the Words (H5P) mit Screenreader  ====&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;==== Drag the Words (H5P) mit Screenreader  ====&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;=====Hinweise für Anwender=====&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Mit &amp;lt;code&amp;gt;PFEIL RUNTER&amp;lt;/code&amp;gt; und &amp;lt;code&amp;gt;PFEIL RAUF&amp;lt;/code&amp;gt; kann man durch die App navigieren.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Mit &amp;lt;code&amp;gt;PFEIL RUNTER&amp;lt;/code&amp;gt; und &amp;lt;code&amp;gt;PFEIL RAUF&amp;lt;/code&amp;gt; kann man durch die App navigieren.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Mit der &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; im ersten freien Ablagefeld ab.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Mit der &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; im ersten freien Ablagefeld ab&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;.  &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, ist für die Screenreader eine Liste von &amp;#039;&amp;#039;&amp;#039;Schaltern&amp;#039;&amp;#039;&amp;#039;. Zu diesen gelangt man besonders einfach mit den Kurztasten &amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; bzw. &amp;lt;code&amp;gt;UMSCHALT&amp;lt;/code&amp;gt; + &amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt;. &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* 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 &amp;#039;&amp;#039;&amp;#039;über oder unter&amp;#039;&amp;#039;&amp;#039; dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach &amp;#039;&amp;#039;&amp;#039;oben&amp;#039;&amp;#039;&amp;#039; oder nach &amp;#039;&amp;#039;&amp;#039;unten&amp;#039;&amp;#039;&amp;#039; navigieren, um zu dieser Liste zu gelangen&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Besonderheiten &lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; Bedienschritte&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, wird vom Screenreader als Liste von &amp;#039;&amp;#039;&amp;#039;Schaltern&amp;#039;&amp;#039;&amp;#039; bezeichnet, zu denen man besonders einfach mit den Schnelltasten &amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; bzw. &amp;lt;code&amp;gt;UMSCHALT&amp;lt;/code&amp;gt; + &amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; gelangt. &lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* 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 &amp;#039;&amp;#039;&amp;#039;über oder unter&amp;#039;&amp;#039;&amp;#039; dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach oben oder nach unten navigieren, um zu dieser Liste zu gelangen.&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/del&gt;Bedienschritte&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;PFEIL&amp;lt;/code&amp;gt;-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;PFEIL&amp;lt;/code&amp;gt;-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;PFEIL&lt;/del&gt;&amp;lt;/code&amp;gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;-Tasten oder Kurztaste &lt;/del&gt;&amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;(button) &lt;/del&gt;in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Kurztaste &amp;lt;code&amp;gt;b&lt;/ins&gt;&amp;lt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;/&lt;/ins&gt;code&amp;gt; &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;bzw. &amp;lt;code&amp;gt;UMSCHALT&lt;/ins&gt;&amp;lt;/code&amp;gt; &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;+  &lt;/ins&gt;&amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; Element markieren&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; Element markieren&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;PFEIL RUNTER&amp;lt;/code&amp;gt; im Lückentext den Kontext für das 2. Ablagefeld lesen&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# Mit &amp;lt;code&amp;gt;PFEIL RUNTER&amp;lt;/code&amp;gt; im Lückentext den Kontext für das 2. Ablagefeld lesen&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# usw.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;# usw.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; muss &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; dem Einfügen ins Ablagefeld mit &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;y&amp;lt;/code&amp;gt; der &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;virtuelle PC&lt;/del&gt;-&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Cursor aus&lt;/del&gt;- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &amp;quot;Automatisch&amp;quot; eingestellt wurde. Bei NVDA ist dies nicht notwendig.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/del&gt;Beim &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der &amp;lt;code&amp;gt;TAB&amp;lt;/code&amp;gt;-Taste. Dazu muss man allerdings vorher &amp;#039;&amp;#039;erraten&amp;#039;&amp;#039; haben, dass an dieser Stelle im Text ein Wort fehlt.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;; Hinweis zu JAWS&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;NVDA&amp;#039;&amp;#039;&amp;#039; und &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; 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 &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;STRG&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;s&amp;lt;/code&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; muss &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; dem Einfügen ins Ablagefeld mit &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;y&amp;lt;/code&amp;gt; der &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Fokus&lt;/ins&gt;-&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Modus ein&lt;/ins&gt;- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &amp;quot;Automatisch&amp;quot; eingestellt wurde. Bei NVDA &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;und Narrator &lt;/ins&gt;ist dies nicht notwendig.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* Für &lt;/del&gt;Autoren von H5P-Arbeitsblättern&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;: &lt;/del&gt;Im Drag the Words-Bearbeitungsformular sollte unter &amp;quot;Bezeichnungen und Beschriftungen&amp;quot; &amp;gt; &amp;quot;Drag the Words&amp;quot; im Feld &amp;quot;Beschriftung: Ziehbarer Text&amp;quot; &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; der Zeichenkette &amp;quot;@index von @count&amp;quot; die Zeichenkette &amp;quot;&amp;lt;nowiki&amp;gt;&amp;amp;nbsp&amp;amp;nbsp; &amp;lt;/nowiki&amp;gt;&amp;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 &amp;#039;&amp;#039;&amp;#039;einer einzigen Zahl&amp;#039;&amp;#039;&amp;#039; zusammengezogen und der Screenreader liest vor: &amp;quot;Schalter 53 von 4&amp;quot; - gesprochen: &amp;quot;dreiundfünfzig von vier&amp;quot;. (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;; Hinweis zu Narrator&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;: &lt;/ins&gt;Beim &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der &amp;lt;code&amp;gt;TAB&amp;lt;/code&amp;gt;-Taste. Dazu muss man allerdings vorher &amp;#039;&amp;#039;erraten&amp;#039;&amp;#039; haben, dass an dieser Stelle im Text ein Wort fehlt.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;; Hinweis zur automatischen Sprachumschaltung (z.B. zwischen Englisch und Deutsch)&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;NVDA&amp;#039;&amp;#039;&amp;#039; und &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; 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 &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;STRG&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;s&amp;lt;/code&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;=====Hinweis für &lt;/ins&gt;Autoren von H5P-Arbeitsblättern &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;und Entwickler der App=====&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;Im Drag the Words-Bearbeitungsformular sollte unter &amp;quot;Bezeichnungen und Beschriftungen&amp;quot; &amp;gt; &amp;quot;Drag the Words&amp;quot; im Feld &amp;quot;Beschriftung: Ziehbarer Text&amp;quot; &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; der Zeichenkette &amp;quot;@index von @count&amp;quot; die Zeichenkette &amp;quot;&amp;lt;nowiki&amp;gt;&amp;amp;nbsp&amp;amp;nbsp; &amp;lt;/nowiki&amp;gt;&amp;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 &amp;#039;&amp;#039;&amp;#039;einer einzigen Zahl&amp;#039;&amp;#039;&amp;#039; zusammengezogen und der Screenreader liest vor: &amp;quot;Schalter 53 von 4&amp;quot; - gesprochen: &amp;quot;dreiundfünfzig von vier&amp;quot;. (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key zumunterrichten:diff::1.12:old-154613:rev-155693 --&gt;
&lt;/table&gt;</summary>
		<author><name>Ukalina</name></author>
	</entry>
	<entry>
		<id>https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=154613&amp;oldid=prev</id>
		<title>Ukalina am 31. Mai 2026 um 19:11 Uhr</title>
		<link rel="alternate" type="text/html" href="https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=154613&amp;oldid=prev"/>
		<updated>2026-05-31T19:11:49Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 31. Mai 2026, 19:11 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l25&quot;&gt;Zeile 25:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 25:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;{{h5p-zum|id=46723|height=350px}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;{{h5p-zum|id=46723|height=350px}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;=====Lückentext mit vorgegebenen Lückeninhalten=====&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;=====Lückentext mit vorgegebenen Lückeninhalten=====&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;{{h5p-zum|id=47189|height=&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;300px&lt;/del&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;{{h5p-zum|id=47189|height=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;350px&lt;/ins&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;==== Drag the Words (H5P) mit Screenreader  ====&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;==== Drag the Words (H5P) mit Screenreader  ====&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key zumunterrichten:diff::1.12:old-154415:rev-154613 --&gt;
&lt;/table&gt;</summary>
		<author><name>Ukalina</name></author>
	</entry>
	<entry>
		<id>https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=154415&amp;oldid=prev</id>
		<title>Ukalina am 30. Mai 2026 um 11:37 Uhr</title>
		<link rel="alternate" type="text/html" href="https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=154415&amp;oldid=prev"/>
		<updated>2026-05-30T11:37:27Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 30. Mai 2026, 11:37 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l7&quot;&gt;Zeile 7:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 7:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;{{Box&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;{{Box&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|Titel = Drag the Words&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|Titel = Drag the Words &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;(H5P)&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|Klasse = Kurzinfo&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|Klasse = Kurzinfo&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|Inhalt =&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;|Inhalt =&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key zumunterrichten:diff::1.12:old-154400:rev-154415 --&gt;
&lt;/table&gt;</summary>
		<author><name>Ukalina</name></author>
	</entry>
	<entry>
		<id>https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=154400&amp;oldid=prev</id>
		<title>Ukalina am 30. Mai 2026 um 11:18 Uhr</title>
		<link rel="alternate" type="text/html" href="https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=154400&amp;oldid=prev"/>
		<updated>2026-05-30T11:18:34Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 30. Mai 2026, 11:18 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l47&quot;&gt;Zeile 47:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 47:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;NVDA&amp;#039;&amp;#039;&amp;#039; und &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; 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 &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;STRG&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;s&amp;lt;/code&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Bei &amp;#039;&amp;#039;&amp;#039;NVDA&amp;#039;&amp;#039;&amp;#039; und &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; 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 &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;STRG&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;s&amp;lt;/code&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Für Autoren von H5P-Arbeitsblättern: Im Drag the Words-Bearbeitungsformular sollte unter &amp;quot;Bezeichnungen und Beschriftungen&amp;quot; &amp;gt; &amp;quot;Drag the Words&amp;quot; im Feld &amp;quot;Beschriftung: Ziehbarer Text&amp;quot; &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; der Zeichenkette &amp;quot;@index von @count&amp;quot; die Zeichenkette &amp;quot;&amp;lt;nowiki&amp;gt;&amp;amp;nbsp&amp;amp;nbsp; &amp;lt;/nowiki&amp;gt;&amp;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 &amp;#039;&amp;#039;&amp;#039;einer einzigen Zahl&amp;#039;&amp;#039;&amp;#039; zusammengezogen und der Screenreader liest vor: &amp;quot;Schalter 53 von 4&amp;quot; - gesprochen: &amp;quot;dreiundfünfzig von vier&amp;quot;. (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Für Autoren von H5P-Arbeitsblättern: Im Drag the Words-Bearbeitungsformular sollte unter &amp;quot;Bezeichnungen und Beschriftungen&amp;quot; &amp;gt; &amp;quot;Drag the Words&amp;quot; im Feld &amp;quot;Beschriftung: Ziehbarer Text&amp;quot; &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; der Zeichenkette &amp;quot;@index von @count&amp;quot; die Zeichenkette &amp;quot;&amp;lt;nowiki&amp;gt;&amp;amp;nbsp&amp;amp;nbsp; &amp;lt;/nowiki&amp;gt;&amp;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 &amp;#039;&amp;#039;&amp;#039;einer einzigen Zahl&amp;#039;&amp;#039;&amp;#039; zusammengezogen und der Screenreader liest vor: &amp;quot;Schalter 53 von 4&amp;quot; - gesprochen: &amp;quot;dreiundfünfzig von vier&amp;quot;. (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;{{Fortsetzung&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;{{Fortsetzung&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key zumunterrichten:diff::1.12:old-154399:rev-154400 --&gt;
&lt;/table&gt;</summary>
		<author><name>Ukalina</name></author>
	</entry>
	<entry>
		<id>https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=154399&amp;oldid=prev</id>
		<title>Ukalina: Die Seite wurde neu angelegt: „__NOTOC__ {{Fortsetzung |vorher=zurück|vorherlink=H5P mit Screenreader |weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set |übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader }} &lt;!-- Navi-Leiste Fortsetzung --&gt;  {{Box |Titel = Drag the Words |Klasse = Kurzinfo |Inhalt = Lernende ziehen Wörter an die passenden Stellen im Text und können anschließend überprüfen, ob alles stimmt.  Der Inhaltstyp Drag the Words entspricht einer k…“</title>
		<link rel="alternate" type="text/html" href="https://zumunterrichten.idea-sketch.com/index.php?title=H5P_mit_Screenreader/Drag_the_Words&amp;diff=154399&amp;oldid=prev"/>
		<updated>2026-05-30T11:16:31Z</updated>

		<summary type="html">&lt;p&gt;Die Seite wurde neu angelegt: „__NOTOC__ {{Fortsetzung |vorher=zurück|vorherlink=H5P mit Screenreader |weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set |übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader }} &amp;lt;!-- Navi-Leiste Fortsetzung --&amp;gt;  {{Box |Titel = Drag the Words |Klasse = Kurzinfo |Inhalt = Lernende ziehen Wörter an die passenden Stellen im Text und können anschließend überprüfen, ob alles stimmt.  Der Inhaltstyp Drag the Words entspricht einer k…“&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Neue Seite&lt;/b&gt;&lt;/p&gt;&lt;div&gt;__NOTOC__&lt;br /&gt;
{{Fortsetzung&lt;br /&gt;
|vorher=zurück|vorherlink=H5P mit Screenreader&lt;br /&gt;
|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set&lt;br /&gt;
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader&lt;br /&gt;
}} &amp;lt;!-- Navi-Leiste Fortsetzung --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{Box&lt;br /&gt;
|Titel = Drag the Words&lt;br /&gt;
|Klasse = Kurzinfo&lt;br /&gt;
|Inhalt =&lt;br /&gt;
Lernende ziehen Wörter an die passenden Stellen im Text und können anschließend überprüfen, ob alles stimmt.&lt;br /&gt;
&lt;br /&gt;
Der Inhaltstyp Drag the Words entspricht einer klassischen Zuordnungsaufgabe. Ordnet man mit dem H5P-Inhaltstyp Drag and Drop Bilder oder Bilder von Textbausteinen, so funktioniert Drag the Words nur auf der Textebene, was aber die Erstellung einer solchen Aufgabe sehr vereinfacht.&lt;br /&gt;
&lt;br /&gt;
Weiterführende Hinweise: https://deutsch-lernen.zum.de/wiki/Drag_the_Words_(H5P)&lt;br /&gt;
}} &amp;lt;!-- Box --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Beispiele ====&lt;br /&gt;
=====Vokabeln englisch-deutsch=====&lt;br /&gt;
{{h5p-zum|id=46964|height=300px}}&lt;br /&gt;
=====Rechnen von 1 bis 10=====&lt;br /&gt;
{{h5p-zum|id=46980|height=300px}}&lt;br /&gt;
=====Konjugation des Verbs &amp;quot;können&amp;quot;=====&lt;br /&gt;
{{h5p-zum|id=46723|height=350px}}&lt;br /&gt;
=====Lückentext mit vorgegebenen Lückeninhalten=====&lt;br /&gt;
{{h5p-zum|id=47189|height=300px}}&lt;br /&gt;
&lt;br /&gt;
==== Drag the Words (H5P) mit Screenreader  ====&lt;br /&gt;
Die App Drag the Words (H5P) ist mit den Screenreadern NVDA, JAWS und Narrator grundsätzlich gut bedienbar. &lt;br /&gt;
* Mit &amp;lt;code&amp;gt;PFEIL RUNTER&amp;lt;/code&amp;gt; und &amp;lt;code&amp;gt;PFEIL RAUF&amp;lt;/code&amp;gt; kann man durch die App navigieren.&lt;br /&gt;
* Mit der &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wählt man in der Liste der Lückeninhalte ein Elemente aus und legt es mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; im ersten freien Ablagefeld ab.&lt;br /&gt;
&lt;br /&gt;
; Besonderheiten &lt;br /&gt;
* Die Liste der Elemente, die in die Lücken (Ablagefelder) eingefügt werden sollen, wird vom Screenreader als Liste von &amp;#039;&amp;#039;&amp;#039;Schaltern&amp;#039;&amp;#039;&amp;#039; bezeichnet, zu denen man besonders einfach mit den Schnelltasten &amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; bzw. &amp;lt;code&amp;gt;UMSCHALT&amp;lt;/code&amp;gt; + &amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; gelangt. &lt;br /&gt;
* 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 &amp;#039;&amp;#039;&amp;#039;über oder unter&amp;#039;&amp;#039;&amp;#039; dem Text. Entsprechend muss man daher vom Lückentext aus entweder nach oben oder nach unten navigieren, um zu dieser Liste zu gelangen.&lt;br /&gt;
&lt;br /&gt;
* Bedienschritte&lt;br /&gt;
# Mit &amp;lt;code&amp;gt;PFEIL&amp;lt;/code&amp;gt;-Tasten zum Lückentext navigieren und den Kontext für das 1. Ablagefeld (Lücke) lesen&lt;br /&gt;
# Mit &amp;lt;code&amp;gt;PFEIL&amp;lt;/code&amp;gt;-Tasten oder Kurztaste &amp;lt;code&amp;gt;b&amp;lt;/code&amp;gt; (button) in der Liste der Schalter (Lückeninhalte) das dazu passende Element wählen&lt;br /&gt;
# Mit &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; Element markieren&lt;br /&gt;
# Mit erneuter &amp;lt;code&amp;gt;LEERTASTE&amp;lt;/code&amp;gt; wird das markierte Element automatisch ins erste freie Ablagefeld im Lückentext übertragen&lt;br /&gt;
# Mit &amp;lt;code&amp;gt;PFEIL RUNTER&amp;lt;/code&amp;gt; im Lückentext den Kontext für das 2. Ablagefeld lesen&lt;br /&gt;
# usw.&lt;br /&gt;
* Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; muss &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; dem Einfügen ins Ablagefeld mit &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;y&amp;lt;/code&amp;gt; der virtuelle PC-Cursor aus- und nach dem Ablegen wieder eingeschaltet werden - auch wenn für den Formularmodus &amp;quot;Automatisch&amp;quot; eingestellt wurde. Bei NVDA ist dies nicht notwendig.&lt;br /&gt;
* Beim &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; werden die leeren Lücken im Text nicht automatisch als solche vorgelesen, sondern erst nach Drücken der &amp;lt;code&amp;gt;TAB&amp;lt;/code&amp;gt;-Taste. Dazu muss man allerdings vorher &amp;#039;&amp;#039;erraten&amp;#039;&amp;#039; haben, dass an dieser Stelle im Text ein Wort fehlt. &lt;br /&gt;
* Bei &amp;#039;&amp;#039;&amp;#039;NVDA&amp;#039;&amp;#039;&amp;#039; und &amp;#039;&amp;#039;&amp;#039;Narrator&amp;#039;&amp;#039;&amp;#039; funktioniert die automatische Umschaltung der Aussprache von Wörtern einer anderen Landessprache (Beispiel Vokabeln englisch - deutsch) automatisch. Bei &amp;#039;&amp;#039;&amp;#039;JAWS&amp;#039;&amp;#039;&amp;#039; 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 &amp;lt;code&amp;gt;JAWS&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;STRG&amp;lt;/code&amp;gt;+&amp;lt;code&amp;gt;s&amp;lt;/code&amp;gt;&lt;br /&gt;
* Für Autoren von H5P-Arbeitsblättern: Im Drag the Words-Bearbeitungsformular sollte unter &amp;quot;Bezeichnungen und Beschriftungen&amp;quot; &amp;gt; &amp;quot;Drag the Words&amp;quot; im Feld &amp;quot;Beschriftung: Ziehbarer Text&amp;quot; &amp;#039;&amp;#039;&amp;#039;vor&amp;#039;&amp;#039;&amp;#039; der Zeichenkette &amp;quot;@index von @count&amp;quot; die Zeichenkette &amp;quot;&amp;lt;nowiki&amp;gt;&amp;amp;nbsp&amp;amp;nbsp; &amp;lt;/nowiki&amp;gt;&amp;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 &amp;#039;&amp;#039;&amp;#039;einer einzigen Zahl&amp;#039;&amp;#039;&amp;#039; zusammengezogen und der Screenreader liest vor: &amp;quot;Schalter 53 von 4&amp;quot; - gesprochen: &amp;quot;dreiundfünfzig von vier&amp;quot;. (siehe Beispiel Drag The Word - Rechnen von 1 bis 10)&lt;br /&gt;
&lt;br /&gt;
{{Fortsetzung&lt;br /&gt;
|vorher=zurück|vorherlink=H5P mit Screenreader&lt;br /&gt;
|weiter=weiter|weiterlink=H5P mit Screenreader/Single Choice Set&lt;br /&gt;
|übersicht=H5P Übersicht|übersichtlink=H5P mit Screenreader&lt;br /&gt;
}} &amp;lt;!-- Navi-Leiste Fortsetzung --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Kategorie:Hilfe]]&lt;br /&gt;
[[Kategorie:Barrierefrei]]&lt;/div&gt;</summary>
		<author><name>Ukalina</name></author>
	</entry>
</feed>