Kleurveilig is de WCAG-conforme kleurpicktool die ontwerpers nodig hebben

Webontwerpers zijn constant op weg naar meer toegankelijkheid. Dit betekent meer ondersteuning op het web voor gehoor- en gezichtsstoornissen, die problemen kunnen bevatten bij het lezen van websites met een hoog contrast.

De Kleur Veilig web app is perfect voor het vinden van precies de juiste kleuren die precies passen wat je nodig hebt. Het is een gratis webapp die meet de kwaliteit van de contrastverhouding van uw tekst, op basis van de achtergrondkleur, de tekengrootte en de lettertypefamilie.

Het is een zeer interactieve web-app, dus dat is het niet zomaar een kleurenschema-generator.

Eerst jij voer een achtergrondkleur in en kies het lettertype je gebruikt. Dit hoeft geen exacte overeenkomst te zijn, maar u moet proberen de juiste grootte en plaatsing te krijgen. Probeer uw pagina's te matchen inhoud van het lichaam in plaats van headers.

Zodra u klikt “OK”, je krijgt een gloednieuw scherm vol kleuraanbevelingen. U kunt bladeren door kleurkeuzes die het best overeenkomen met de door u gekozen achtergrond om tekstkleuren mee te vinden hoge leesbaarheidsverhoudingen.

De WCAG heeft zeer strikte vereisten voor kleurcontrastverhouding een voldoende cijfer halen (AA of AAA). Deze waardering is gebaseerd op een specifieke verhouding, berekend door de hex-codes en de dissonantie aan elkaar.

Een felgroen lettertype op een felrode achtergrond is bijvoorbeeld een prima manier om de WCAG-beoordeling te mislukken. Daarom is deze tool zo waardevol.

In plaats van willekeurig kleuren te kiezen in Photoshop, kunt u kiezen uit voorgedefinieerde kleurenkeuzes afgestemd op uw achtergrond. Dit zorgt voor een hoge leesbaarheidsratio en een soepele ervaring voor alle gebruikers.

We hebben een enorm bericht geplaatst kleurcontrast voor toegankelijkheid, dus controleer zeker eens of je meer wilt weten. En als je vast zit aan het vinden van een geweldige kleurencombinatie voor je website, ga dan naar Color Safe en probeer het eens. Het zal je zeker helpen zoek een kleurenschema dat werkt.