Prismatrix überprüft nicht den Farbkontrast von zwei Farben auf Barrierefreiheit,
Prismatrix
Made by Natha
Die verfügbaren Kontrast-Tools prüfen in der Regel nur ein Farbpaar. Bei einem Design-System mit vielen Farben kann dasschnell mühsam werden. Natha kennt das aus der täglichen Arbeit mit Figma undhat deshalb Prismatrix gebaut: ein kleines Tool, das den WCAG-Kontrast für jedeFarbe gegen jede andere berechnet.
Prismatrix
Bei größeren Design-Systemen mit vielen Farbvariablen summiert sich die Arbeit schnell. Jedes relevante Paar einzeln zuprüfen, kostet Zeit. Prismatrix macht das Ganze viel effizienter.
Die Farben könnt ihr von Hand eintragen. Wenn ihr mit Figma-Variablen arbeitet, gibt es einen noch eleganteren Weg: Ihr könnt eure Variable Collection als JSON-Datei exportieren und direkt inPrismatrix importieren. Danach zeigt das Tool alle Kombinationen auf einen Blick. Die Datei wird dafür übrigens nicht auf den Server geladen.
Natha nutzt Prismatrix seitdem für mehrere Projekte. Inzwischen greifen auch einige Kolleg:innen bei points darauf zurück, weshalb wir überlegen, es noch weiter auszubauen. Wir würden uns ein Loch in den Bauch freuen, wenn ihr Prismatrix benutzt und es euch eine Hilfe ist. Zu finden ist es hier: https://points.de/prismatrix.html