WCAG 1+2 certificaat met Per Saldo

De website van Per Saldo voldoet nu officiëel aan de strengste richtlijnen voor toegankelijke websites.

De Per Saldo site is gekeurd door Accessibility.nl en heeft nu het officiële certificaat Web Content Accessibility Guidelines niveau 1 en 2. Dit zijn zeer strenge web-toegankelijkheidsrichtlijnen. De Per Saldo site is daarmee de 21e site in Nederland die aan deze richtlijnen voldoet.

En WAXTRAPP komt daarmee als bouwer op de 7e plek in de Nederlandse ranglijst van toegankelijke bouwers, met naast dit resultaat ook nog Gemeente Dordrecht en Gemeente Papendrecht twee sites met WCAG niveau 1. Meer over W3C, Webrichtlijnen en toegankelijkheid.

Waarom dat keurmerk?

De vereniging Per Saldo komt op voor de belangen van mensen met een Persoonsgebonden Budget. Door een website volgens deze internationale normen te bouwen is de site ook bruikbaar voor mensen met een functiebeperking. Motorisch gehandicapten die geen muis vast kunnen houden kunnen een website dan met het toetsenbord bedienen. Blinden kunnen werken met apparatuur, die de tekst op het scherm voorleest.

Wat was ervoor nodig?

De site van Per Saldo was een flinke uitdaging, omdat het niet alleen maar om tekstpagina's gaat, maar om veel meer. Ook een webwinkel, een forum, peilingen, zoekmachine, enquete in meerdere pagina's en een formulierengenerator.
Voorbeelden in de Per Saldo site:

• Per Saldo Webwinkel
• Per Saldo Forum
• Per Saldo Word-lid formulier gemaakt met WAXTRAPP Formulierengenerator

Kortom, het gaat niet om zomaar een site, het gaat om een complete suite van webapplicaties die nu allemaal aan de toegankelijkheidsrichtlijnen voldoen.

Waarom WAXTRAPP?

De basis in WAXTRAPP is superschoon en ontwikkeld met toegankelijke sites als basis. Dus is het systeem heel geschikt voor dergelijke strenge sites. En zelfs daarbinnen waren we nog niet in één keer klaar. Er waren een detailkwesties die opgelost moesten worden, die bij WCAG niveau 1 nog wel mogen maar bij WCAG niveau 1+2 echt niet.

Waar veel sites en CMS'en al moeite hebben om aan de 16 ijkpunten voor WCAG niveau 1 te voldoen, is het nóg veel lastiger om aan de 30 additionele ijkpunten voor WCAG niveau 1+2 te voldoen.

Bij het geschikt krijgen van het CMS is veel tijd gaan zitten in het compenseren en filteren van foutieve HTML. Als de redacteur tekst schrijft, wordt de tekst ingetypt via een onderdeel van de browser dat feitelijk foutieve HTML producteert. Daarnaast was ook veel content gekopieerd uit een oude site, en daarin zaten nog kleine foutjes waar browsers op zich wel mee overweg kunnen en WAXTRAPP ook wel, maar die volgens de strenge XHTML Strict regels niet mogen. Ook moesten we de Word-cleanup functie aanscherpen om de in Word opgemaakte teksten volgens de regels in de site te krijgen. 

Niet vreselijk relevant maar wel erg leuk bijkomend voordeel was dat door de strenge richtlijnen deze site integraal op moderne mobiele telefoons zoals de iPhone te bekijken is.

Teamwork met Per Saldo

Naast dat het WAXTRAPP CMS de HTML volgens strenge regels moet genereren, moet ook de content schoon zijn. Uit de oude site gekopiëerde content kwam bestaande, foutieve HTML mee, waar foutjes in gerepareerd moesten worden. De nieuwe, verbeterde in WAXTRAPP filters moesten over veel pagina's worden gehaald om alles op te schonen. Hier hebben de redactie van Per Saldo en de specialisten van WAXTRAPP intensief samengewerkt om de content schoon te krijgen.

Kleuren

Een van de dingen die nu ook heel belangrijk was geworden, was het kleurgebruik. De site moet heel contrastrijk zijn, omdat anders kleurenblinden het niet kunnen lezen. 6% van de Nederlandse mannen is kleurenblind. Dit was voornamelijk een design-aanpassing, maar wel een hoop uitzoekwerk.

Ondaks dat er bij het grafisch ontwerp rekening mee was gehouden dat alle teksten voldoende contrastrijk waren, bleken er toch manieren te zijn om op bepaalde plekken witte tekst op een licht gekleurde achtergrond te laten verschijnen. De kleuren zijn doorgemeten met speciale toetsingstools, die uitrekenen of het contrast aan de normen voldoet.

Stukje van ontwerp met laag contrast.	Aanpassing om het contrast hoger te krijgen.
Witte tekst is te wit op een volle kleur groen.	Kleur groen is iets minder fel, tekst zwart gemaakt.

Doordat de stijlvoering heel consequent in elkaar zit vanwege de richtlijnen, was het eenvoudig om kleurwijzigingen door te voeren in alle modules en alle pagina's. Dus toen de goede kleuren eenmaal gevonden waren, was het snel gecorrigeerd.

Resultaat

Het resultaat van al deze inspanningen was dat de website van Per Saldo helemaal voldoet aan de WCAG richtlijnen en daar nu een officiëel keurmerk voor heeft gekregen.