Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Use semantic HTML for toggle checkboxes

Aperta
#1,638 8 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
45/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
playwright

Direzione di ricerca

Start with the linked e2e/security.spec.js lines 11-18 and use its toggle selector to locate the corresponding toggle-container markup in the repository. Update the checkbox and label structure for semantic access, then verify the Playwright security test can target the checkbox normally and that the toggle still works.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement small

We use a bit of an unusual style our toggle-style HTML checkboxes:

<div class="toggle-container">
  Hide Sensitive Data
  <label class="toggle">
    <input type="checkbox" id="include-sensitive-data" />
    <span class="toggle-slider"></span>
  </label>
</div>

Ideally, it would look a little closer to something like:

<label for="include-sensitive-data">Hide Sensitive Data</label>
<input type="checkbox" class="toggle-slider" id="include-sensitive-data" />

In Playwright, we can't select the checkbox through normal methods because the checkbox itself is technically not visible on the screen, so we have to select the <label> element instead. This likely affects users with screen readers as well.

https://github.com/tiny-pilot/tinypilot-pro/blob/d98885ba9b27b574024a394928eaebe737a9cac5/e2e/security.spec.js#L11-L18

Lingua principale
Python
Stelle
3.5k
Fork
291
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di tiny-pilot/tinypilot

Tutte le issue di tiny-pilot/tinypilot

Issue simili

Altre issue su Python

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.