.
Colour Contrast Analyser NL 1.0
Op deze pagina:
Wat doet de 'Colour Contrast Analyser' (Afgekort CCA)?
De CCA is een tool om van voor- en achtergrond kleurcombinaties te
bepalen of ze goed zichtbaar zijn. Het bepalen van de 'kleur
zichtbaarheid' is gebaseerd op algoritmes aanbevolen door het World Wide Web Consortium (W3C):
"Twee kleuren worden geacht een goede kleur zichtbaarheid te
waarborgen als het helderheidsverschil en het kleurverschil tussen de
twee kleuren groter is dan een vastgestelde reeks." De reeks die
aanbevolen wordt door het W3C is > 125 voor kleur helderheid en >
500 voor kleurverschil.
Opmerking: Hewlett Packard (HP) heeft een on line Kleur contrast verificatie tool
die gebruik maakt van de W3C algoritmes, maar de kleur verschil reeks
op > 400 heeft staan, wat resulteert in een grotere reeks aan voor-
en achtergrond kleurcombinaties die acceptabel geacht worden!
Kleur helderheid formule
Kleur helderheid wordt bepaald met de volgende formule:
((Rood waarde X 299) + (Groen waarde X 587) + (Blauw waarde X 114)) / 1000
Het verschil tussen achter- en voorgrond helderheid moet groter zijn dan 125.
Opmerking: Dit Algoritme komt uit
een formule voor het converteren van RGB waarden naar YIQ waarden. Deze
waarde geeft de waargenomen helderheid voor een kleur weer.
Kleur verschil formule
Kleurverschil wordt bepaald met de volgende formule:
(maximum (Rood waarde 1, Rood waarde 2) - minimum (Rood waarde 1,
Rood waarde 2)) + (maximum (Groen waarde 1, Groen waarde 2) - minimum
(Groen waarde 1, Groen waarde 2)) + (maximum (Blauw waarde 1, Blauw
waarde 2) - minimum (Blauw waarde 1, Blauw waarde 2))
Het verschil tussen de voor- en achtergrond kleur moet groter zijn dan 500.
top
Gebruik
De 'Colour Contrast Analyser' (CCA)
is bijzonder nuttig voor de bepaling van de leesbaarheid van tekst op
een web pagina en de leesbaarheid van een grafische weergave van tekst.
Vaststellen van de overeenkomst van Checkpoint 2.2 met de Web Content Toegankelijkheid Richtlijnen (WCAG 1.0)
Checkpoint 2.2 van de
WCAG 1.0 vereist dat:
"voor-
achtergrond kleurcombinaties voldoende contrast moeten hebben om
gelezen te kunnen worden door iemand met een kleur afwijking in het
oog, of indien weergegeven op een zwart / wit beeldscherm."
Gebruik
de CCA voor het toetsen van kleurcombinaties aan het door W3C's
vastgesteld algoritme voor de bepaling van "voldoende contrast".
top
Het gebruik van de CCA
De gebruikersinterface bestaat uit 4 secties
- Kleur keuze
- Resultaten
- Kleur Blindheid Resultaten
- Opties & Help Menus
1. Kleur Keuze
De Kleur Keuze bediening is verdeeld in 2 secties
(Voor- en Achtergrond) ieder heeft 3 manieren om een kleur te kiezen
die getest moet worden.
- Kleur palet(ten) geopend met een select box. Gebruik dit om kleurcombinaties te testen en te kiezen.
Het onderste (kleinere) kleuren palet bestaat uit 10 tinten van de op dat moment geselecteerde basis kleur
die linksboven staat met verschillende gradaties van doorlaatbaarheid.
De bovenste rij simuleert doorzichtigheid op een witte achtergrond, de
onderste op een zwarte. De doorzichtigheid waardes zijn: 100%
ondoorzichtig, 75%, 50% en 10% op de bovenste rij. De onderste rij
begint op 85% in plaats van 100% en vordert als de eerste.
Dit palet is handig voor het testen van lichtere en
donkere tinten van de basis kleur, wat de waarneembaarheid van
kleurcombinaties die getest wordt kan verbeteren.
Opmerking: Deze optie is geïnspireerd op de Color Palette Creator.
- Invoer van een kleur waarde (in Hexadecimaal formaat) in een tekst box. Nuttig als u over de Hex waardes van de te testen kleuren beschikt.
- Bemonsteren
van een kleur van een web pagina (of ergens anders op het beeldscherm)
met gebruikmaking van een vergrootglas kleuren sampler.
Nuttig voor het snel bemonsteren, controleren en verkrijgen van hex
waardes van kleuren. Als de kleur sampler button is geselecteerd, wordt
een vergroot gebied getoond rond de cursor. De kleur van de content
onder de punt van de cursor verschijnt in de Kleuren palet selectie box
Zodra
een kleur is gekozen met de Kleur bemonsteraar (linker muis click of
'enter' Toets) verschijnt de hex waarde in de 'hex waarde' tekst box en
de resultaten sectie wordt ge-update om de helderheid- en kleur
verschillen voor de huidige kleur selectie weer te geven.
Opmerking: Voor accurate controle van de cursor dient u de Pijl toetsen te gebruiken.
2. Resultaten
De resultaten sectie is verdeeld in verkorte resultaten en volledige resultaten. De 'Verkorte Resultaten' geven een indicatie voor zowel helderheid en kleurverschil. 
Als
ze beide door de controle komen wordt dit aangegeven met een 'vinkje'.
Als een van beide niet voldoet wordt dit weergegeven door een kruis.
De 'volledige resultaten' tonen de waardes voor
elke controle en wat de voorwaarden voor voldoen/niet voldoen zijn, en
zijn een indicatie of het contrast voldoende of onvoldoende is.
Opmerking: De tekst van de verkorte en lange weergave kunnen geselecteerd, geknipt en geplakt worden.
3. Kleurenblindheid Resultaten
Het selecteren van de 'Toon contrast resultaat
voor kleurenblinden' check box, geeft verkorte resultaten weer voor
'normaal zicht' en 3 types van kleur blindheid (Protanopia, Deuteranopia, Tritanopia)
Opmerking:
De methode voor de bepaling van de kleur waarde omvorming voor de 3
soorten van kleur blindheid is een algoritme dat wordt omschreven door Hans Brettel, Francoise Vienot en John Mollon in een artikel dat verscheen in de Journal of the Optical Society of America V14, #10 pp2647.Dank aan de vriendelijke mensen van Vischeck die ons toegang gaven tot de bron code van hun implementatie van Brettel's algoritme.
4. Opties & Help Menus
Selecteren van het 'altijd on top' menu item plaatst de CCA
window boven alle andere windows die geopend zijn. Selecteren van het
'font' menu item opent een dialoog box dat de mogelijkheid geeft het
font dat gebruikt wordt voor text labels en content van de CCA te veranderen
Opmerking: het selecteren van bepaalde fonts of font-hoogtes kan resulteren in het afbreken van tekst in content.
Selecteren van het "help" Menu 
opent de CCA documentatie web pagina in een browser window.Opmerking: U dient verbinding met internet te hebben om de documentatie te kunnen raadplegen.
top
Gebruik via Toetsenbord
Colour Contrast Analyser gebruiks toetsen
| Functie |
Toets(en) |
| open voorgrond kleurpalet(en) |
F9 |
| open achtergrond Kleurpalet(en) |
F10 |
| beweeg door kleur paletten |
pijl toetsen of de tab toets |
| activeer voorgrond kleur sampler |
F11 |
| activeer achtergrond kleur sampler |
F12 |
| beweeg kleur sampler |
Pijl toetsen |
| Kies kleur in sampler of palet |
Enter |
Voorwaarden voor gebruik:
De 'Colour Contrast Analyser' is Freeware.
Door het openen of het gebruik maken van de 'Colour Contrast
Analyser', bevestigd u dat u de 'Colour Contrast Analyser voorwaarden
voor gebruik' heeft gelezen, begrepen en er akkoord mee gaat.
DEZE SOFTWARE WORDT GELEVERD "ZOALS HIJ IS", ZONDER ENIGE GARANTIE
IN WELKE VORM DAN OOK. IN HET BIJZONDER, HET NATIONAL INFORMATION AND
LIBRARY
SERVICE (NILS) GEEFT GEEN GARANTIE IN WELKE VORM DAN OOK BETREFFENDE DE
BETROUWBAARHEID, KWALITEIT, OF VERKOOPBAARHEID VAN DEZE SOFTWARE OF
DE GESCHIKTHEID ERVAN VOOR ELKE WILLEKEURIGE TOEPASSING. AANVULLEND
GEEFT NILS GEEN GARANTIE DAT HET GEBRUIK VAN DEZE SOFTWARE ZEKERHEID
GEEFT OVER DE TOEGANKELIJKHEID VAN
WEB CONTENT OF DAT WEB CONTENT IN OVEREENSTEMMING IS MET ENIG
SPECIFIEKE WEB TOEGANGKELIJKHEIDS STANDAARD.
Dit werk is gelicenceerd onder een Creative Commons License.
top
Download en Installatie Instructies
Opmerking:
De 'Colour Contrast Analyser' bevat geen adware of spyware.
Systemeisen
- Microsoft Windows
- Getest op Windows 2000 & XP
Download, unzip en plaats de "CCA" folder op een logische plaats.(bv c:\program files\cca).
Het kan handig zijn een snelkoppeling te maken naar c:\program files\cca\Colour_Contrast_Analyser.exe
Start de applicatie door de Colour_Contrast_Analyser.exe file te activeren of de snelkoppeling te dubbelklikken.
top
About
De 'Colour Contrast Analyser' is ontwikkeld door JUn van 
.
in samenwerking met Steve Faulkner.
De ontwikkeling ervan werd geinspireerd door de Juicy Studio Colour Contrast Analyser, de HP colour contrast verificatie tool en het Color Visibility Test Programma van Chris Ridpath van de Universiteit van Toronto
Dank aan Gez lemon van Juicy Studio voor het gebruik van de inhoud van zijn on-line Colour Contrast Analyser & advies/commentaar van Andrew Arch en Sofia Celic
Vertalingen
Speciale dank aan Bernd Oldenbeuving - (Oldenbeuving Websolutions) voor de Nederlandse vertaling van de 'Colour Contrast Analyser' documentatie en interface.
Voor het geven van commentaar op de 'Colour Contrast Analyser' email:
- Steven Faulkner (English version):
Dit e-mailadres is beschermd door spambots, je hebt Javascript nodig om dit te kunnen bekijken
- JUn (Japanese version):
Dit e-mailadres is beschermd door spambots, je hebt Javascript nodig om dit te kunnen bekijken
- Juan Fuertes (Versión española):
Dit e-mailadres is beschermd door spambots, je hebt Javascript nodig om dit te kunnen bekijken
- Roberto Castaldo (versione italiana):
Dit e-mailadres is beschermd door spambots, je hebt Javascript nodig om dit te kunnen bekijken
- Bernd Oldenbeuving (Nederlandse versie):
Dit e-mailadres is beschermd door spambots, je hebt Javascript nodig om dit te kunnen bekijken
top
Contrast Analyser 
