Light theme, muted text fails WCAG AA on soft and chip backgrounds, green text is 3.5:1

Abierto Apto para principiantes
#331 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

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

Línea de trabajo

Empieza con los tokens del modo claro en src/portal/style.css en las líneas 67-104, sobre todo con --muted en las líneas 74-77, y luego revisa los usos indicados (552-572, 980-991, 1929-1938, 5028-5031, 5582-5584) para ver sobre qué fondos aparecen. Elige valores más oscuros hasta que cada par de texto alcance 4.5:1, y añade una prueba en Rust que lea el bloque :root mediante include_str! y verifique esos pares. Está terminado cuando cada par del modo claro indicado pase y la prueba se ejecute en verde.

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

Descripción

accessibility bug css

The token comment says --muted passes AA on white, but most muted text sits on --soft (4.41:1), --bg (4.26:1) or --chip (4.10:1), which covers every card footer, card note, table header and count badge. --green as 12px text on white is 3.47:1. Dark mode passes. Darken --muted until it reaches 4.5:1 on --chip, and use a darker green ink token for green text.

Files

  • src/portal/style.css:67-104 (tokens), 74-77 (--muted)
  • src/portal/style.css:552-572, 980-991, 1929-1938, 5028-5031, 5582-5584 (uses)

Done when

  • Every light-mode text pair above is at least 4.5:1.
  • A test parses the :root tokens from include_str! of style.css and asserts these pairs.
Lenguaje dominante
Rust
Estrellas
9
Forks
3
Merge medio
9 h 21 min
PR fusionados (30 d)
87

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 semlith/semlith

Todos los issues de semlith/semlith

Issues similares

Más issues de Rust

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.