die Checkboxen sind mit der Tastatur bedienbar und sollten auch von Screenreadern korrekt erkannt werden. Die appearance-Eigenschaft ändert nur das visuelle Aussehen der Checkbox, aber nicht ihre Funktionalität. Benutzer können die Checkbox weiterhin mit der Leertaste aktivieren oder deaktivieren, wenn sie fokussiert ist.
Um sicherzustellen, dass die Checkbox auch für Screenreader zugänglich bleibt, sollten wir das label-Element verwenden und es mit der Checkbox über die for-Attribut-ID verknüpfen. Hier ist ein verbessertes Beispiel:
Code: Alles auswählen
<input type="checkbox" id="cron_printout" class="checkbox-style" value="1" name="cron_printout" checked="">
<label for="cron_printout">Druckausgabe aktivieren</label>
Beste Grüße
Ralf
