Kleurcontrast controleren

uit de cursus Toegankelijke PDF met InDesign

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Toegankelijke PDF met InDesign

perm_identity Jildou Oost | video_library 30 video's | query_builder 01:53:44

De meeste vormgevers en DTP’ers creëren hun publicaties met Adobe InDesign. Van daaruit worden de documenten ook digitaal voorbereid voor print, drukwerk of digitale publicatie. Het meest gebruikte formaat voor digitale publicatie en -uitwisseling is de PDF. De standaard PDF levert heel wat problemen op qua leesbaarheid voor onder andere visueel gehandicapten. Vind jij het belangrijk dat jouw PDF voor iedereen toegankelijk is, dan biedt deze cursus Toegankelijke PDF uitkomst.

Toegankelijkheidsrichtlijnen (WCAG 2.0.)

Er zijn webrichtlijnen geschreven door W3C met het doel de beschikbaarheid van digitale informatie voor iedere gebruiker te garanderen. Deze zijn gebaseerd op internationale open standaarden en bij toepassing voldoen websites aan de internationale verplichtingen op basis van het Gehandicaptenverdrag van de Verenigde Naties (VN).

Wettelijke verplichting

Ook de overheid en semi-overheid volgen deze leidraad. Sinds juli 2018 zijn alle overheids- en semi-overheidsinstanties wettelijk verplicht hun webcontent toegankelijk te publiceren. Dus de websites, maar ook alle downloads op die sites als bijvoorbeeld PDF’s . Werk je bij of in opdracht van zulke bedrijven, dan is het kunnen maken van een toegankelijke PDF dus een must!

 

Als laatste de melding Color Contrast - Needs Manual Check.

Het is een onderwerp wat in deze cursus pas als laatste aan bod komt,

maar eigenlijk moet je dit verhaal over kleurcontrast natuurlijk al in de ontwerpfase meenemen.

Je moet jezelf eigenlijk bij iedere productie de vraag stellen:

voor wie is het belangrijk deze productie te kunnen lezen?

Als je een PDF maakt, en je hebt deze helemaal toegankelijk gemaakt voor een blinde,

dus, de screenreader kan er z’n ding mee doen, en de PDF kan goed voorgelezen worden.

Dan nog blijft dit contrast verhaal over natuurlijk.

Er is een grote groep mensen die niet blind is, maar wel slechtziend. Of kleurenblind, of beide.

Deze groep is niet noodzakelijkerwijs afhankelijk van screenreader software.

Maar deze groep is vooral gebaat bij een groot contrast tussen vooral de teksten en de achtergronden.

Immers, dat is het hart van je product.

Dit controleren van contrasten kan Acrobat niet. Dat moet je zelf doen.

Je moet dus zelf beslissen wat belangrijk is om te controleren op voldoende contrast,

en wat wellicht van minder belang is.

Hoe controleer je dat? De regels WCGA . hebben voor het Level AA,

dat is het level waarop wij controleren,

voor toegankelijkheid gesteld dat achter- en voorgrondkleuren,

(dus achtergrond en tekst) een contrast ratio moeten hebben van van vier en een half staat tot één.

Maar zo’n getal zegt mij helemaal niks.

Daarom zijn er handige tools om kleuren te controleren.

Ik gebruik vaak een appje om snel de kleuren in mijn document te achterhalen.

Dat is de app Color Contrast Analyser.

Een gratis app die je kunt downloaden bij de paciellogroup.com.

Ik heb hier de website van de Paciellogroup. Kijk bij Resources,

daar vind je de Color Contrast Analyser,

klik er op en dan kom je op een pagina waar je hem kunt downloaden voor Windows en voor Mac.

Ik ga terug naar Acrobat.

En ik start deze Color Contrast Analyser App even op,

Hier kun je kleurwaarden invullen en deze worden voor je gecontroleerd.

Zoals je ziet, zwart en wit, dat haalt de de controle. Deze hebben een contrast ratio van eenentwintig staat tot één.

Wil je je eigen kleuren gebruiken? Klik dan op het kleurvlakje.

Dan krijg ik een kleurkiezer, daarin haal ik het pipetje tevoorschijn en met dit pipetje,

klik ik op de voorgrondkleur, dit is de kleur van mijn tekst die ik wil controleren.

Klik en de waarde wordt ingevuld.

Hetzelfde doe ik voor de backgroundcolour. Ik klik op het kleurvlak en weer op de pipet.

En ik haal nu de achtergrondkleur op.

Deze kleurcombinatie haalt de controle dus niet bij het het controle Level AA.

En dus ook niet bij het nog zwaardere level tripel A.

Niet bij normale tekst en ook niet bij grote korpsen.

Goed, wat nu te doen? Kleuren wijzigen.

Ik neem weer even een uitstapje naar internet.

Ook op internet vind je namelijk allerlei kleur contrast checkers, die allemaal volgens de regels van WCAG . controleren.

Ik heb er hier eentje met de naam Contrast Checker, nog eentje met de naam Contrast Ratio.

Als je gaat Googlen op colour contrast checker, dan krijg je een heleboel resultaten.

Eentje die ik persoonlijk heel fijn vind is deze: accessible-colors.com.

Deze controleert niet alleen, maar geeft mij ook suggesties wat te doen als het niet goed is.

Ik maak het venster even wat kleiner zodat ik ook de Analyser App zie.

Ik kopieer de kleur van de voorgrond,

en die plak ik nu in de website van Accessible Colors, mijn tekstkleur is:

plak. In het voorbeeld wordt deze kleur gewijzigd.

Hetzelfde doe ik voor de achtergrondkleur, die haal ik ook op. Copy,

en paste. Deze kleuren moeten gecontroleerd worden met Level AA.

Dat deze combinatie niet door de keuring komt dat wisten we al,

maar ik krijg nu in deze website de suggestie om een ander achtergrondkleur te nemen of andere voorgrondkleur.

De andere achtergrondkleur is voor mij geen optie,

maar die nieuwe voorgrondkleur, die wil ik wel eens proberen.

Deze kleurwaarden moet ik in InDesign wijzigen.

Wat op zich natuurlijk niet een enorme klus is, want in het document is gewerkt met stijlen en stalen.

Ik kopieer de nieuwe waar de voor de tekst,

copy, en ik ren snel even naar InDesign.

Daar pak ik de Coulor Picker erbij. Ik voer de waarde in in de Colour Picker,

en ik zeg Add CMYK Swatch.

Deze mag dicht. Nu ga ik naar het venster Swatches.

Deze lichte blauwe, dat is de boosdoener, waar de tekst in staat.

Die gooi ik nu in de prullenmand.

Ik vervang 'm door de nieuwe die onderin geplaatst is.

En ik klik OK. Klaar is kees. Was niet al te veel werk.

Of deze kleur precies doet in de vormgeving wat ik wil, dat is een tweede.

Maar qua contrast is een verantwoorde keuze.

Conclusie van dit verhaal met kleurcontrast:

je doet jezelf, maar vooral je minder valide lezer een groot plezier met een goed contrast.

Neem deze wetenschap vooral mee in de ontwerpfase van je product,

en controleer natuurlijk altijd ook achteraf.

De boodschap van je verhaal valt of staat met de leesbaarheid natuurlijk!