Improve placeholder and side menu icon contrast for WCAG compliance

Abierto Apto para principiantes
#2,855 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
68/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
css, typescript

Línea de trabajo

Busca en la base de código --bn-colors-side-menu y los estilos del marcador de posición del editor; después, inspecciona cómo se aplican esos colores a los iconos del menú lateral y al texto del marcador de posición. Actualiza los estilos relevantes para que el texto y los iconos afectados cumplan el requisito de contraste WCAG indicado, y verifica el resultado con respecto al objetivo de 4.5:1.

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

Descripción

a11y
Discussed in https://github.com/TypeCellOS/BlockNote/discussions/2519

Originally posted by Ovgodd September 4, 2025
Is your feature request related to a problem? Please describe.
The placeholder text and side menu icons in the BlockNote editor have insufficient contrast.
This fails WCAG 2.1 requirements (minimum 4.5:1), making it harder for users with low vision.

Describe the solution you'd like
Update the placeholder text and side menu icon styles to use higher-contrast colors.
For example, switching --bn-colors-side-menu: #cfcfcf; to --bn-colors-side-menu: #2a2a2a;

Image
Lenguaje dominante
TypeScript
Estrellas
10.2k
Forks
772
Merge medio
3 d 11 h
PR fusionados (30 d)
17

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 TypeCellOS/BlockNote

Todos los issues de TypeCellOS/BlockNote

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.