Prüfungsbogen-Checkboxen einfacher benutzbar machen

Durch den Einsatz von Label-HTML-Tags werden die Checkboxen auf mobilen Geräten einfacher nutzbar.

templates/bogen-fragen.tpl

@@ -23,20 +23,20 @@
   <tr>
     <td rowspan="{rowCnt}" valign="top"><div class="fragenr only-print">{frageIndex}</div><span class="no-print" style="font-weight:bold">{abschnittNr}.{frageNr}</span></td>
     <td rowspan="{rowCnt}" valign="top">{frageText}</td>
-    <td>{Antwort1}</td>
-    <td align="center">A</td>
-    <td align="center"><input type="checkbox" name="antwort[{frageID}][1]" value="1" /><div class="print-checkbox"></div></td>
+    <td><label for="antwort[{frageID}][1]">{Antwort1}</label></td>
+    <td align="center"><label for="antwort[{frageID}][1]">A</label></td>
+    <td align="center"><input type="checkbox" name="antwort[{frageID}][1]" id="antwort[{frageID}][1]" value="1" /><div class="print-checkbox"></div></td>
   </tr>
   <tr>
-    <td>{Antwort2}</td>
-    <td align="center">B</td>
-    <td align="center"><input type="checkbox" name="antwort[{frageID}][2]" value="1" /><div class="print-checkbox"></div></td>
+    <td><label for="antwort[{frageID}][2]">{Antwort2}</label></td>
+    <td align="center"><label for="antwort[{frageID}][2]">B</label></td>
+    <td align="center"><input type="checkbox" name="antwort[{frageID}][2]" id="antwort[{frageID}][2]" value="1" /><div class="print-checkbox"></div></td>
   </tr>
 {|ThreeRows}{|ThreeRows*Row}        
   <tr>
-    <td>{Antwort3}</td>
-    <td align="center">C</td>
-    <td align="center"><input type="checkbox" name="antwort[{frageID}][3]" value="1" /><div class="print-checkbox"></div></td>
+    <td><label for="antwort[{frageID}][3]">{Antwort3}</label></td>
+    <td align="center"><label for="antwort[{frageID}][3]">C</label></td>
+    <td align="center"><input type="checkbox" name="antwort[{frageID}][3]" id="antwort[{frageID}][3]" value="1" /><div class="print-checkbox"></div></td>
   </tr>
 {|ThreeRows*Row}{|ThreeRows}
 </table>