Är Markefaarwen hunn e staarken emotionalen Impakt, awer wéi erschéngen se de Besucher vum Site déi deelweis gesinn, faarwegblind sinn oder Ëmweltfaktoren konfrontéieren déi Visibilitéit schwéier maachen?
Faarf- a Kontrastniveauen si kritesch fir d'Kommunikatioun, an dës Detailer just richteg ze kréien ass kritesch fir den Accessibilitéit-minded Designer.'
Faarf Perceptioun Stéierungen si méi heefeg wéi Dir mengt. Also, an dësem Post schwätze mir iwwer wéi Leit mat Behënnerungen wéi niddereg Visioun, Dyslexie a Faarfblindheet mam Internet interagéieren.
Inhaltsverzeechnes
Wéi benotzen ech e Faarfchecker fir d'Accessibilitéit vu menger Websäit ze verbesseren?
Dës Sektioun ass eigentlech relativ einfach, obwuel et e bëssen Effort erfuerdert. Dir musst WebAIM's Online Contrast Checker Tool benotzen. WebAIM ass eng non-profit Organisatioun baséiert op der Utah State University mat der Missioun fir d'Web Accessibilitéit weltwäit ze verbesseren.
Gitt einfach Är Virdergrondfaarf (zB d'Faarf vun Ären Text oder Ikonen) an d'Hannergrondfaarf als hexadezimal Wäerter (och bekannt als Hex-Wäerter), wéi spezifizéiert an HTML oder CSS, an de Kontrastverhältnischecker informéiert Iech ob de Verhältnis genuch ass. Denkt drun datt de Minimum Kontrastverhältnis 4.5 op 1 ass. Schwaarzen Text op wäissem Hannergrond huet e Kontrastverhältnis vun 21 op 1, also hutt Dir vill Spillraum.
5 Tools fir eng Web Faarfpalette ze maachen déi jidderee ka gesinn
1. WebAIM Faarf Kontrast Checker
Gitt d'Hexfaarwe fir de Virdergrond an den Hannergrond un. D'Ausgab weist AA an AAA Konformitéit fir normalen a groussen Text, zesumme mat engem Probe Saz. Sliders léisst Iech Saachen änneren bis Dir eng gutt Kombinatioun fannt.
D 'Stärken
- Einfach Tool mat engem Interface deen einfach op d'Aen ass.
- Dëst ass e flott, einfach Tool fir Ufänger, an net nëmmen Designer.
Schwächten
- Kann net méi wéi zwou Faarwen vergläichen, nëmmen zwou.
- De Lightness Slider ass net e ganz gudde Wee fir Faarwen ze wielen. Et ass schwéier ze soen wéi attraktiv Faarwen an dësem einfache Display sinn.
2. Kontrast Checker fir WCAG
Gitt d'Hexfaarwe fir de Virdergrond an den Hannergrond un. Weist AA an AAA Konformitéit fir normal a grouss Text nieft enger Prouf vun Lorem Ipsum Text. Dir kënnt och eng Foto eropluede. Eng 9-Faarf Palette gëtt automatesch fir Iech gewielt. Da kënnt Dir all Faarf entweder als Virdergrond oder als Hannergrondfaarf vergläichen.
D 'Stärken
- Einfach Tool mat engem User-frëndlechen Interface.
- D'Fäegkeet ze hunn Palette vu Biller ze maachen.
Schwächten
- D'Palette gëtt automatesch gewielt, an Dir kënnt se weider mam Faarfpicker änneren, awer dës Ännerungen ginn net zréck an d'Palette gespäichert. Et muss een d'Informatioun kopéieren an an en neit Dokument pechen.
3. Faarf Cube
Gitt d'Faarwen fir d'Palette un, jidderee op senger eegener Linn. D'Ausgab weist Probebréiwer mat Kontrastverhältnisser am Verglach mat AA Standards fir kleng a grouss Schrëften. Dräi Sailen weisen Kontrast mat engem wäissen Hannergrond, engem schwaarzen Hannergrond, an eng Rei vu Markenfaarwen déi am "Meescht liesbar vu verfügbaren" sinn.
D 'Stärken
- Einfach op d'Aen D'Benotzerinterface (UI) ass gutt organiséiert, an de Pass / Fail / Edge Status ass einfach ze gesinn.
Schwächten
- Entsprécht net de Standarden, déi vun AAA festgeluecht goufen.
- Maacht net all méiglech Faarfkombinatioun, an et ass am Ufank net kloer datt dat de Fall ass.
4.) Aacht Formen Kontrast Grid
Palette Faarwen aginn. Och kënnt Dir all Faarf en Numm ginn. D'App mécht en Dësch mat all méigleche Kombinatioun vu Faarwen. Et ginn dräi Gréisste vu Plättercher. Et gi visuell Hiweiser fir AA an AAA Pass / Fail / Rand an effektiv Kontrastverhältnis. Spalten a Zeile kënnen an der App ëmgeleet ginn andeems Dir zéien an erofsetzen. Tabulardaten kënne gespäichert, exportéiert a gedeelt ginn.
D 'Stärken
- Et gi vill hëllefräich Fonctiounen déi mat der Analyse vu ganze Palette hëllefen.
Schwächten
- Et ass méi schwéier ze léieren wéi aner Tools déi méi einfach ze benotzen sinn.
- Net de richtege Wee fir nëmmen zwou Faarwen ze vergläichen.
- Net gutt fir erauszefannen, wéi Faarwen zesummen goen.
- E bëssen iwwerwältegend ze kucken, awer et gëtt vill Informatioun gewisen.
5. Faarf sécher
Gitt d'Hannergrondfaarf an. Wielt d'Famill, d'Gréisst an d'Gewiicht vun der Schrëft. Wielt AA oder AAA als Standard. Weist déi gewielte Faarf a säin Hexcode, souwéi e Probe an den effektive Kontrastverhältnis. Déi grouss Miniaturbiller vu méigleche Virdergrondfaarwe mat genuch Kontrast sinn déi bescht Deel. Dir kënnt wielen se all ze kucken oder just verschidde Faarfgruppen (gréng, blo, violett, etc.)
D 'Stärken
- Mat enger Interface déi einfach op d'Aen ass, ass et einfach eng Kombinatioun vu Faarwen ze fannen déi gutt ausgesäit a gutt funktionnéiert.
- Dëst ass en nëtzlecht Tool wann Dir net schonn eng Markefaarfpalette hutt oder wann Dir zu enger wëllt addéieren déi Dir scho fir de Web hutt.
Schwächten
- Dir kënnt nëmme Virdergrond an Hannergrondfaarwe gläichzäiteg vergläichen.
- Dir musst Faarwen an e separat Dokument kopéieren a pechen wann Dir se späichere wëllt.
- Gitt eraus a maacht Saachen fir jiddereen!
Wann Dir wësst wéi Dir dës Tools benotzt, kënnt Dir feststellen datt Dir méi wéi ee fir e Projet braucht. Vläicht ass Color Cube de beschte Wee fir engem Client ze weisen wat Dir iwwer Accessibilitéit geléiert hutt. Vläicht benotzt Dir WebAIM's Tool déi ganzen Zäit fir séier Spotchecken ze maachen.
Konklusioun
Mat Hëllef vun den Tipps, Richtlinnen an Tools, iwwer déi mir just geschwat hunn, kënnt Dir Är Websäit héichkontrast Faarwen an Etiketten ginn. Dëst wäert et méi einfach maachen fir Leit mat gerénger Visioun, Dyslexie a Faarfblindheet Är Websäit an Inhalt ze liesen. Sidd net iwwerrascht wann Ären allgemenge Publikum et och méi einfach fënnt Är Websäit ze benotzen.
