Färgssäker är WCAG-kompatibelt färgplockningsverktygsdesigners behov

Webbdesigners håller ständigt fram mot mer tillgänglighet. Detta betyder Ökat stöd på webben för hörsel och synnedgångar, vilket kan innefatta problem som läser webbplatser med hög kontrast.

De Färgssäker webapp är perfekt för att hitta precis rätt färger som passar exakt vad du behöver. Det är en gratis webbapp som Mäter kvaliteten på kontrastförhållandet mellan din text, baserat på bakgrundsfärgen, teckensnittstorleken och teckensnittsfamiljen.

Det är en väldigt interaktiv webbapp, så det är det inte bara en annan färgschema generator.

Först du ange en bakgrundsfärg och välj teckensnittet du använder. Det behöver inte vara en exakt match men du bör försöka få storlek och placering rätt. Försök att matcha din sida kroppsinnehåll snarare än rubriker.

När du klickar på “ok”, du får en helt ny skärm full av färgrekommendationer. Du kan bläddra genom färgval som bäst matchar din valda bakgrund för att hitta textfärger med höga läsbarhetsförhållanden.

WCAG har mycket stränga färgkontrastförhållanden för att få godkänt betyg (antingen AA eller AAA). Denna bedömning är baserad på ett specifikt förhållande, beräknat med hexkoderna och dissonansen mot varandra.

Till exempel är en ljusgrön typsnitt på en ljus röd bakgrund ett bra sätt att misslyckas med WCAG-värdet. Därför är det här verktyget så värdefullt.

I stället för att slumpmässigt välja färger i Photoshop kan du välja från fördefinierade färgval skräddarsydd för att passa din bakgrund. Detta garanterar ett högt läsbarhetsförhållande och en jämn upplevelse för alla användare.

Vi gjorde ett stort inlägg på färgkontrast för tillgänglighet, Kolla så definitivt om du vill lära dig mer. Och om du är fast att hitta en bra färgkombination för din webbplats, besök Color Safe och ge det ett skott. Det kommer definitivt att hjälpa dig hitta ett färgschema som fungerar.