TypeCellOS / TypeCellOS/BlockNote
Improve placeholder and side menu icon contrast for WCAG compliance
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 10.2k
- Forks
- 772
- Ø Merge
- 3 T. 11 Std.
- Gemergte PRs (30 T.)
- 17
Beschreibung
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;
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Durchsuche die Codebasis nach --bn-colors-side-menu und den Stilen für Platzhalter im Editor und prüfe anschließend, wie diese Farben auf die Symbole des Seitenmenüs und den Platzhaltertext angewendet werden. Aktualisiere die relevanten Stile, sodass der betroffene Text und die Symbole die angegebene WCAG-Kontrastanforderung erfüllen, und verifiziere das Ergebnis anhand des Ziels von 4.5:1.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- css, typescript
- Bereich
- accessibility, frontend
- Issue-Typ
- Feature
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Aktivitätsstatus
- Ruhig
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 68/100