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

Settings flag chips and channel chips cannot be used from the keyboard

Abierto Apto para principiantes
#154 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

  • #203 de @yff124 — cerrado sin fusionar

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
88/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
javascript, react

Línea de trabajo

Busca en website/src/SettingsView.jsx saveSetting(k, val(k) y toggle(ch) para encontrar ambas implementaciones de chips. Lee el estado y los estilos cercanos; después, consulta website/test/clickableContent.test.mjs para ver el patrón de prueba. El trabajo estará terminado cuando ambos chips sean botones accesibles mediante el teclado con aria-pressed, conserven su apariencia, se puedan alternar con Espacio o Enter y una prueba compruebe que son botones.

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

Descripción

accessibility good first issue

On the Settings page, the flag chips (<Box key={k} title={m.flags[k].help} onClick={() => saveSetting(k, …)}>) and the channel chips (<Box key={ch} onClick={() => toggle(ch)}>) are plain clickable boxes. They change real settings, but Tab never reaches them and they do not say whether they are on or off.

Where: website/src/SettingsView.jsx. Search for saveSetting(k, val(k) and toggle(ch).

Done when each chip is a ButtonBase (or <button type="button">) with aria-pressed reflecting its state, looks the same, and Tab plus Space/Enter toggles it.

Test: add a case to website/test/clickableContent.test.mjs (or a new *.test.mjs beside it) asserting the element is now a button.


Getting started: pip install -e ".[dev]", then python -m pytest -q (offline). UI work: cd website && npm ci && npm test (Node 22). See CONTRIBUTING.md. One small PR with the change (and its test, where there is one) is perfect.

Lenguaje dominante
Python
Estrellas
116
Forks
22
Merge medio
13 h 21 min
PR fusionados (30 d)
53

Preparar el entorno

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 ldbumble/taskuary

Todos los issues de ldbumble/taskuary

Issues similares

Más issues de Python

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.