Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Use semantic HTML for toggle checkboxes

Abierto
#1,638 8 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
playwright
Área
accessibility, testing

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
Python
Estrellas
3.5k
Forks
291
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de tiny-pilot/tinypilot

Todos los issues de tiny-pilot/tinypilot

Issues similares

Más issues de Python

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.