De 5 grootste toegankelijkheidsmissers op schoolwebsites (en hoe je ze oplost)

Voor veel scholen klinkt ‘digitale toegankelijkheid’ misschien als iets technisch, maar in de kern gaat het erom dat iedereen je website kan gebruiken. Of het nu gaat om een ouder met een visuele beperking die informatie zoekt over een ouderavond, iemand die een video wil bekijken met ondertiteling, of een sollicitant die een formulier moet invullen zonder muis; een toegankelijke website is voor iedereen beter. Toch zien we nog steeds veel schoolwebsites met grote toegankelijkheidsproblemen. In dit artikel ontdek je de vijf meest voorkomende valkuilen én hoe je ze oplost.

1. Slecht leesbare tekst door verkeerd kleurgebruik

Veel schoolwebsites gebruiken een leuk en speels design, maar verliezen daarbij de leesbaarheid uit het oog. Tekst in lichtgrijs op een fotoachtergrond of witte letters op een felgekleurde knop zorgen ervoor dat bezoekers met een visuele beperking de inhoud nauwelijks kunnen lezen.

Hoe je dit oplost:

• Zorg voor voldoende contrast tussen tekst en achtergrond, zodat teksten voor iedereen goed leesbaar zijn.

• Gebruik geen tekst op drukke afbeeldingen, tenzij er een duidelijke achtergrond achter zit. Hieronder zie je een voorbeeld hoe het NIET hoort.

• Test zelf door te kijken of je de tekst makkelijk kunt lezen zonder te knijpen met je ogen.

2. Afbeeldingen zonder beschrijving (alt-tekst)

Hoe vaak plaats je niet foto's en illustraties op je website zonder na te denken over wat een blinde of slechtziende bezoeker hiervan meekrijgt? Een screenreader kan een afbeelding namelijk niet ‘zien’ en zal simpelweg de bestandsnaam oplezen, wat natuurlijk niet helpt als de bestandsnaam bestaat uit willekeurige tekens.

Hoe je dit oplost:

• Geef elke afbeelding een korte, duidelijke beschrijving (alt-tekst). Bijvoorbeeld: 'Leerlingen werken samen aan een project in de klas.'

• Laat decoratieve afbeeldingen (zoals versieringen) leeg zodat ze worden overgeslagen door hulpmiddelen zoals screenreaders.

• Stel jezelf de vraag: “Als iemand deze afbeelding niet ziet, mist hij of zij dan essentiële informatie?"

3. Website is niet te gebruiken zonder muis

Veel bezoekers met een motorische beperking of slechtzienden navigeren niet met een muis, maar met een toetsenbord of via spraakbesturing. Als een schoolwebsite dat niet goed ondersteunt, kunnen zij bijvoorbeeld het menu niet openen of belangrijke knoppen niet aanklikken.

Hoe je dit oplost:

• Zorg dat alle onderdelen van de website bereikbaar zijn met de tab-toets. Test dit door zelf eens door de site te navigeren zonder muis.

• Zorg dat de actieve knop of link altijd visueel gemarkeerd wordt. In het onderstaande voorbeeld zie je een markering van een kop in het menu.

4. Video’s zonder ondertiteling of transcript

Veel scholen gebruiken video’s, maar zonder ondertiteling of transcript zijn deze video’s onbruikbaar voor doven en slechthorenden. En ook voor mensen die liever zonder geluid kijken, zoals ouders die een video bekijken terwijl hun kind slaapt.

Hoe je dit oplost:

• Voeg standaard ondertiteling toe aan video’s, zie voorbeeld hiernaast. Dit kan vaak eenvoudig met tools zoals YouTube.

• Voor belangrijke video’s, zoals inschrijfinformatie, kun je een tekstuele samenvatting onder de video plaatsen.

• Denk aan audiodescriptie voor video’s die veel visuele uitleg bevatten.

5. Formulieren die niet goed werken

Aanmeldingen, contactformulieren... scholen gebruiken vaak formulieren om informatie te verzamelen. Maar als een formulier niet toegankelijk is, lopen veel mensen vast. Denk aan ontbrekende labels bij invulvelden, foutmeldingen die niet duidelijk zijn of een CAPTCHA-beveiliging die niet bruikbaar is voor mensen met een visuele beperking.

Hoe je dit oplost:

• Zorg ervoor dat elk invulveld een duidelijke beschrijving heeft, zodat bezoekers weten wat ze moeten invullen.

• Geef foutmeldingen die duidelijk uitleggen wat er misgaat. Dus niet alleen ‘Er is een fout opgetreden’, of alleen maar een rood kader om een veld plaatsen, zie voorbeeld hiernaast.

• Gebruik een toegankelijk alternatief voor CAPTCHA’s, zoals een simpele rekensom in plaats van een moeilijk leesbare afbeelding.

Wacht niet tot juni 2025!

Vanaf half 2025 is digitale toegankelijkheid voor schoolwebsites geen optie meer, maar een verplichting. Toch gaat het niet alleen om wetgeving: een toegankelijke website betekent een betere ervaring voor alle bezoekers. 😃

Bij Plate helpen we schoolbesturen om hun websites toegankelijk in te richten. Met ons multisite platform worden toegankelijkheidsverbeteringen in één keer doorgevoerd voor alle websites, zonder dat elke school afzonderlijke aanpassingen hoeft te doen.

Wil je weten hoe jouw schoolwebsite scoort op toegankelijkheid en welke verbeteringen mogelijk zijn? Neem contact op en ontdek hoe we je kunnen helpen.