Improve placeholder and side menu icon contrast for WCAG compliance

Offen Anfängerfreundlich
#2,855 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
68/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
css, typescript

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.

Beschreibung

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
Vorherrschende Sprache
TypeScript
Sterne
10.2k
Forks
772
Ø Merge
3 T. 11 Std.
Gemergte PRs (30 T.)
17

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus TypeCellOS/BlockNote

Alle Issues in TypeCellOS/BlockNote

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.