Hoe te ontwerpen voor kleurenblindheid

Het ontwerpen van inhoud die bruikbaar is voor mensen met kleurenblindheid is een geweldige manier om het toegankelijker te maken voor het grote publiek. Mensen met kleurenblindheid hebben een harde tijd differentiëren tussen bepaalde kleuren, zoals rood, groen of blauw. Sommige kleurenblinde mensen kunnen helemaal geen kleur zien, waardoor het moeilijk is om sites en apps te navigeren die sterk op kleuren vertrouwen. Door een paar eenvoudige tips en richtlijnen te gebruiken, kunt u uw informatie eenvoudig te gebruiken maken voor iedereen die erop klikt, ongeacht welke kleuren ze kunnen (of kan) zien.

Stappen

Methode 1 van 2:
Tekst en achtergrond
  1. Titel afbeelding Ontwerp voor kleurenblindheid Stap 1
1. Kies contrasterende kleuren voor tekst en achtergronden. Kleuren die te vergelijkbaar zijn met elkaar, kunnen moeilijk zijn om te onderscheiden voor mensen met kleurenblindheid. Bij het kiezen van tekst- en achtergrondkleuren, ga dan voor degenen die tegen elkaar vallen.
  • Zwart op wit of wit op zwart is een voor de hand liggende keuze, maar je kunt ook blauw en geel, geel en violet of donkerblauw en zwart gebruiken.
  • Titel afbeelding Design voor kleurenblindheid Stap 2
    2. Kies kleurcombinaties zoals blauw / geel en oranje / paars. Mensen met kleurenblindheid zijn in staat om wat kleuren beter te zien dan anderen. Wanneer u kleurcombinaties uitkijkt, probeert u bij te houden:
  • Blauw en geel
  • Bruin en blauw
  • Oranje en paars
  • Groen en paars
  • Geel en roze
  • rood en blauw
  • Titel afbeelding Design for Color Blindness Stap 3
    3. Blijf weg van groen / rood, groen / bruin en blauw / paars. De meeste kleurenblinde mensen hebben problemen met specifieke kleurencombinaties. Blijf weg van die kleuren om uw ontwerp leesbaar te maken.
  • Je moet ook groen en blauw vermijden, omdat die tinten heel vergelijkbaar kunnen zijn met elkaar.
  • Titel afbeelding Design voor kleurenblindheid Stap 4
    4. Gebruik heldere, gewaagde kleuren. Pastelkleuren en bleke kleuren hebben de neiging om elkaar te vervagen, vooral voor mensen met kleurenblindheid. Blijf bij neon of primaire kleuren om hen te helpen differentiëren tussen alle kleuren op de pagina.
  • Titel afbeelding Ontwerp voor kleurenblindheid Stap 5
    5. Houd je kleurenpalet minimaal. Hoe minder kleuren die u gebruikt, hoe meer u verwarring vermijdt. Er is hier geen moeilijke en snelle regel voor, maar hoe minder het beter!
  • U kunt bijvoorbeeld 3 kleuren kiezen en bij hen blijven als een thema voor uw webpagina.
  • Methode 2 van 2:
    Afbeeldingen en links
    1. Titel afbeelding Ontwerp voor kleurenblindheid Stap 6
    1. Onderstrepen klikbare links. Normaal gesproken worden links gemarkeerd met kleur, maar mensen met kleurenblindheid hebben mogelijk moeite om ze te zien. Als er een klikbare link is, onderstrepen, onderstrepen het en markeert u op de pagina.
    • Als u het niet wilt onderstrepen, maakt u de tekst vet in plaats daarvan.
  • Titel afbeelding Design voor kleurenblindheid Stap 7
    2. Symbolen en sleutels opnemen. Mensen met kleurenblindheid hebben mogelijk problemen met het begrijpen van grafieken en grafieken op basis van alleen kleur. Zorg ervoor dat u symbolen en sleutels op de zijkant van de afbeelding als referentie toevoegt.
  • U kunt bijvoorbeeld een kleurcode aan de zijkant van de grafiek plaatsen om uit te leggen wat elke kleur betekent.
  • Of u kunt symbolen op een kaart gebruiken om verschillende gebieden, zoals campings en toiletten te labelen.
  • Titel afbeelding Ontwerp voor kleurenblindheid Stap 8
    3. Textuur toevoegen aan kaarten, grafieken en grafieken. Effen kleuren kunnen moeilijk te onderscheiden zijn. Probeer lijnen, stippen en hash-markeringen te gebruiken om secties op grafieken, kaarten en grafieken te differentiëren.
  • Dit is een geweldig idee voor staafdiagrammen en cirkeldiagrammen.
  • Je kunt textuur en kleur in je afbeeldingen gebruiken, dus je hoeft ze niet volledig te veranderen.
  • Titel afbeelding Ontwerp voor kleurenblindheid Stap 9
    4. Overzichtssecties op kaarten. Als u kleuren gebruikt om staten of grenzen te differentiëren, gebruik dan ook een zwarte omtrek. Dit zal mensen helpen met kleurenblindheid, omdat ze de zwarte lijnen kunnen zien.
  • Dit is een geweldige manier om ervoor te zorgen dat je afbeeldingen ook meer opvallen.
  • Titel afbeelding Design voor kleurenblindheid Stap 10
    5. Labelinformatie zonder kleuren te gebruiken. Cirkeldiagrammen, grafieken en transportsystemen gebruiken vaak kleuren om secties of methoden te differentiëren. Label de informatie met woorden en kleuren om het toegankelijk te maken voor mensen met kleurenblindheid.
  • Als u bijvoorbeeld een cirkeldiagram gebruikt, kunt u elke sectie en het gebruik van verschillende kleuren om deze te gebruiken.
  • Iemand met volledige kleurenblindheid (die alleen in zwart en wit kan zien) kan geen kleursleutel gebruiken.
  • Tips

    Een gemakkelijke manier om erachter te komen of uw site toegankelijk is voor kleurenblinde mensen is om het te ontwerpen met behulp van grijstinten. Je kunt een kleurenblinde simulator gebruiken, zoals coblis, om dit te doen.
    Deel in het sociale netwerk:
    Vergelijkbaar