Hoe we bij Level Level WordPress websites toegankelijk houden

Geschreven door Florian Schroiff

Een deskundige redactie is key voor toegankelijkheid

Bij Level Level zorgen we ervoor dat alle websites die we bouwen toegankelijk zijn en op technisch niveau voldoen aan de WCAG (Web Content Accessibility Guidelines). Onze designers en developers hebben veel ervaring met het maken van websites die toegankelijk én mooi zijn. 

Maar hoe zit dat met de inhoud van de sites die wij bouwen? De inhoud speelt een niet te onderschatten rol als het op toegankelijkheid aankomt. Design en techniek vormen de basis, en de vulling, de inhoud, is de eigenlijke bestaansreden voor een website.

Toegankelijke inhoud

De inhoud wordt bij de meeste projecten die Level Level oplevert niet door onszelf geschreven, maar door onze opdrachtgevers. De redacteuren van onze klanten hebben erg uiteenlopende kennis van toegankelijkheidsrichtlijnen. Velen hebben er nooit van gehoord. 

Weet jij, waarde lezer, hoe je een goede linktekst schrijft? Of een doeltreffende alternatieve tekst voor een afbeelding? Was je antwoord “ja”? Heel goed, ga zo door! Je hoort bij een select clubje. In onze ervaring blijkt dat veel mensen hier of nog niet van gehoord hebben of zich niet bewust zijn van de gevolgen van bijvoorbeeld een slechte link-tekst. 

WordPress biedt enorme flexibiliteit en talloze opties. Hiermee kan een redacteur prachtige pagina’s opmaken. Maar als je hier niet wegwijs in bent maak je mogelijk niet de juiste keuzes bij het invoeren van inhoud. 

Ontoegankelijke inhoud ontstaat dus niet uit kwade wil, maar uit gebrek aan kennis. In het vervolg leg ik uit wat wij doen om de websites die we opleveren op lange termijn toegankelijk te houden.

De basis: toegankelijk in design en code

Omdat Level Level de voorkant van onze sites helemaal custom bouwt, kunnen we garanderen dat onze sites toegankelijk zijn volgens WCAG 2.2. Ons hele team weet van het belang van digitale inclusie. We hebben allemaal A11Y Collective cursussen gevolgd. Er werken hier drie door de International Association of Accessibility Professionals (IAAP) gecertificeerde toegankelijkheids-experts. Webtoegankelijkheid zit in ons DNA.

Digitale inclusie is geen bijzaak, maar een fundamenteel recht. Als front-end ontwikkelaars hebben we de verantwoordelijkheid om websites te bouwen die voor alle mensen toegankelijk zijn, ongeacht hun vaardigheden.

Willemijn Reibestein
Front end developer Level Level

Het belang van webtoegankelijkheid wordt dus van begin af aan meegenomen in onze projecten. De contentarchitectuur is weldoordacht. De kleuren hebben voldoende contrast. De HTML-code is semantisch correct en valide. Zo bouwen we mooie én toegankelijke sites die de basis voor toegankelijke inhoud vormen.

Illustratie expert WCAG

Tip: Download ons gratis handboek!

In ons handboek ‘Bouwen aan een digitaal toegankelijke organisatie’ lees je exact wat je nodig hebt om aan webtoegankelijkheidseisen te voldoen.

De toegankelijkheids-drietand, onze methodiek

Punt 1: Didactische middelen

We nemen kennisoverdracht uiterst serieus. Onze opdrachtgevers krijgen zo vroeg mogelijk een op maat gemaakte handleiding. De handleiding is een levend document en wordt aangepast als er iets verandert op de site. 

De redacteuren krijgen ook gratis toegang tot de cursussen van The A11Y Collective, Level Levels e-learning platform voor webtoegankelijkheid. Vooral de Accessible Content cursus biedt een weelde van informatie die onmisbaar is voor webredacteuren. 

Hands-on workshop

Voordat een webredactie met een site aan de slag gaat geven we ze een workshop, bij voorkeur in persoon. Een collega die nauw betrokken was bij het bouwproces van de website geeft de workshop, met focus op praktische tips en web accessibility. 

Wat is een alt-tekst en hoe voeg ik hem toe aan een afbeelding? Hoe link ik het beste naar een andere pagina? Welk taalniveau moet ik hanteren? Hoe bouw ik een logische koppenstructuur? Deze en andere vragen komen aan bod.

 

Tijdens onze workshops combineren we het leren vullen van de website met aandacht voor digitale toegankelijkheid, zodat je website vanaf het begin toegankelijk is en blijft.

Peter van den Hooren
Quality assurance Level Level

Punt 2: Technische middelen

De redacteurs van onze opdrachtgevers werken in de admin-omgeving van WordPress. Met de WordPress block editor kunnen ze vrij flexibel verschillende types van inhoud (“blokken”) met elkaar combineren. 

Veel van de beschikbare blokken zijn op maat door ons gebouwd. We kunnen daarom in de editor behulpzame contextafhankelijke informatie bieden. Denk aan kleine stukjes handleiding die verschijnen wanneer een redacteur ze nodig heeft.

Uitsnede uit de WordPress admin interface. Er staat de tekst ‘Uitleg: Dit blok geeft berichten weer op basis van meerdere opties.’ Dan een selectievak waar ‘Kopnieveau 2’ geselecteerd is met de label ‘Selecteer het kopniveau’ en de uitleg ’Kies een kopniveau dat in de hierarchie van de pagina past. Verandering van kopniveau heeft geenm impact op de visuele tekst grootte.'

Overzicht van koppen

WordPress biedt out-of-the-box een handig tooltje om de eerder al genoemde koppenstructuur op een pagina bij te houden. Hiervoor ga je naar het “documentoverzicht” (het “trapjes” icoon) en klik je op “overzicht”. Et voilá, al je h2’s en h3’s netjes in beeld! 

Uitsnede uit de WordPress admin interface. ‘Overzicht’ is geselecteerd, er staat ‘Karakters: 1130, Woorden: 169, Tijd nodig om te lezen: 1 minuut’. Daaronder een opsomming van koppen met grafische weergave van het kopniveau: ‘H2 Ik ben een mooie titel’. ‘H3 Ik ben een h3 titel’, ‘H2 Hier begint een nieuwe sectie met een h2’.

Punt 3: Reviews en feedback

Tijdens de hele bouwfase is een specialist toegankelijkheid betrokken bij het project. Deze voert een uitvoerige toegankelijkheids-check uit wanneer de redactie de site gevuld heeft, idealiter voordat deze live gaat. Er wordt dus naar de site met echte inhoud gekeken. 

We geven de redactie dan uitgebreide feedback op eventuele punten. Zo proberen we duidelijk te maken waarom en voor wie bepaalde maatregelen getroffen moeten worden. 

Bij een review van een website met de echte inhoud, kunnen we goed zien op welke gebieden een redactie nog hulp nodig heeft. We geven dan concrete actiepunten als feedback, met zo veel mogelijk informatie over het ‘waarom’.

Amber Qualm
Specialist webtoegankelijkheid Level Level

Ook na de lancering blijven we in contact. Onze support-medewerkers plannen check-in momenten in voor doorlopende begeleiding en tips. 

Conclusie

Door onze grondige en uitgekiende aanpak zorgen we voor een toegankelijke website van begin af aan. Level Level heeft alle expertise hiervoor in huis, in alle vakgebieden die bij de bouw van een site betrokken zijn. We weten dat een toegankelijke website alleen maar door teamwork kan ontstaan. De webredactie vormt een belangrijk onderdeel van dit team.

De training was erg nuttig. We hebben nu een goed beeld van de mogelijkheden van het CMS. Fijn dat ook webtoegankelijkheid aan bod kwam tijdens de training. We vinden het belangrijk dat iedereen onze site kan gebruiken.

Dennis Brons
Webredacteur ICTU

Door een combinatie van hands-on training, grondige documentatie, reviews en monitoring, technische ondersteuning en doorlopende begeleiding zorgen we voor een consistent toegankelijke website, ook op de lange termijn. 

Ga vanaf het begin voor toegankelijkheid!

Bij Level Level kies je voor een A tot Z aanpak, een website die vanaf het begin toegankelijk is en dat ook blijft!