Associate #display-hl with a label

quiz.html

@@ -77,7 +77,7 @@
 	  </p>
 
 	  <footer>
-	    <code>$Id: quiz.html,v 1.31 2024/02/15 13:03:20 oj14ozun Exp oj14ozun $</code>
+	    <code>$Id: quiz.html,v 1.32 2024/02/15 13:31:25 oj14ozun Exp oj14ozun $</code>
 	    <code id="js-version"></code>
 	    <code id="css-version"></code>
 	  </footer>
@@ -112,7 +112,9 @@
     <abbr title="Wie viele Fragen wurden bisher beantwortet" id="seen"></abbr>/<abbr title="Wie viele Fragen gibt es insgesammt" id="total"></abbr>
     </span>
     <input type="checkbox" id="display-hl" class="display-hl" />
-    <span class="display-hl">Hebe <abbr title="Wörter wie &quot;immer&quot;, &quot;nie&quot;, ...">Warnwörter</abbr> hervor</span>
+    <label for="display-hl" class="display-hl">
+      Hebe <abbr title="Wörter wie &quot;immer&quot;, &quot;nie&quot;, ...">Warnwörter</abbr> hervor
+    </label>
     <a class="shy" id="report" href="#" target="_blank" rel="noopener noreferrer">Fehler melden</a>
     <a class="shy" id="perma" href="#">Dauerlink</a>
     <span id="display-hl-hack"></span>