Toegankelijkheid op je restaurantwebsite: WCAG-knelpunten en hoe je ze oplost

Stel je een gast voor die slechtziend is en met een voorleesfunctie je site bezoekt om te checken of jullie een glutenvrij gerecht hebben. Of een oudere gast die op zijn telefoon je menu probeert te lezen, maar vastloopt op grijze tekst van 10 pixel op een lichtgrijze achtergrond. Allebei haken ze af, niet omdat je eten niet klopt, maar omdat je website ze in de weg zit. Dat is precies waar toegankelijkheid over gaat: een site die voor iedereen te gebruiken is, ongeacht beperking, leeftijd of het apparaat waarop iemand kijkt.

Wat betekent toegankelijkheid voor een restaurantwebsite?

Toegankelijkheid draait om de internationale richtlijn WCAG (Web Content Accessibility Guidelines). Die klinkt technisch, maar komt neer op vier simpele vragen: kan iedereen je content waarnemen (genoeg contrast, alt-teksten bij afbeeldingen), kan iedereen je site bedienen (ook met alleen een toetsenbord, ook met trillende handen op een klein scherm), is je content begrijpelijk (heldere taal, logische structuur) en is de techniek robuust genoeg om te werken met hulpmiddelen zoals een screenreader.

Voor een restaurant, hotel of camping is dit geen ver-van-je-bedshow. Je gasten zijn een dwarsdoorsnede van de samenleving: oudere gasten, gasten met een visuele of motorische beperking, gasten die je site op een piepklein telefoonscherm in fel zonlicht proberen te lezen. Een toegankelijke site is voor al die mensen net zo bruikbaar als voor de rest.

Is het ook wettelijk verplicht?

Toegankelijkheid is niet langer alleen een kwestie van fatsoen. Sinds juni 2025 geldt de Europese toegankelijkheidswet (de European Accessibility Act), die eisen stelt aan websites van bedrijven die bepaalde diensten online aanbieden, zoals onlinereserveringen, onlinebestellen of een webshop. Veel restaurants, hotels en campings vallen daar inmiddels onder, juist omdat reserveren en bestellen tegenwoordig standaard online gebeurt.

Je hoeft niet meteen te schrikken: het gaat vooral om een aantal praktische basisregels, en de meeste zijn met kleine aanpassingen te ondervangen. Zie het niet als een boetedreiging, maar als een goede reden om iets te verbeteren wat toch al bij een prettige website hoort.

De meest voorkomende knelpunten op restaurantwebsites

In de praktijk zien we telkens dezelfde soort problemen terugkomen:

• Te weinig contrast: lichtgrijze tekst op een witte achtergrond oogt misschien stijlvol, maar is voor veel gasten nauwelijks te lezen.
• Ontbrekende alt-teksten: foto’s van gerechten zonder omschrijving zijn voor een screenreader onzichtbaar, dus ook onbegrijpelijk.
• Een menu als pdf of foto: een gescande kaart kan een screenreader niet voorlezen, hoe scherp de foto ook is.
• Onduidelijke koppen en structuur: zonder logische h1/h2-opbouw weet een hulpmiddel niet wat de hoofdpunten van een pagina zijn.
• Kleine klikgebieden: een minuscuul kruisje of pijltje is op mobiel voor iedereen lastig te raken, en voor gasten met motorische beperkingen vrijwel onmogelijk.
• Formulieren zonder duidelijke labels: een reserveringsformulier waarbij een screenreader niet weet welk vakje voor welk gegeven is.

Stappenplan: zo maak je je site toegankelijker

Je hoeft dit niet in één middag te fixen. Werk de lijst gewoon van boven naar beneden af:

1. Vervang je pdf- of fotomenu door een echte online kaart. Een digitale menukaart is doorzoekbaar en voorleesbaar, een pdf niet.
2. Vul alt-teksten in bij al je foto’s. Loop je fotogalerij en menufoto’s na, of laat de SEO-checklist de ontbrekende alt-teksten in één keer voor je aanvullen.
3. Check het kleurcontrast van je huisstijl. Kies in je huisstijl voor tekstkleuren die voldoende afsteken tegen de achtergrond, zeker bij knoppen en menuprijzen.
4. Zorg dat elke pagina een logische koppenstructuur heeft. Eén h1 per pagina, daaronder nette h2’s en h3’s, zonder koppen over te slaan.
5. Test je site met het toetsenbord. Kun je met tab door je menu, formulier en reserveringswidget navigeren zonder muis? Zo niet, dan is dat een signaal voor je ontwikkelaar of platform.
6. Geef labels aan je formuliervelden. Elk invulveld in je contact- of reserveringsformulier moet duidelijk maken wat erin hoort, ook voor wie het scherm niet ziet.
7. Draai een gratis toegankelijkheidscheck. Tools als WAVE of de Lighthouse-audit in Chrome laten in een paar seconden zien waar de grootste knelpunten zitten.

Wat Sitebite al voor je regelt

Een deel van dit werk hoef je bij Sitebite niet zelf te doen. Templates zijn gebouwd met leesbare tekstgroottes en voldoende contrast, headings volgen automatisch een logische structuur, en je site is vanzelf responsive en met het toetsenbord te bedienen. Zet je je menu online in plaats van als pdf, dan is die meteen voorleesbaar. En loop je de SEO-checklist na, dan pak je in één moeite door ontbrekende alt-teksten mee, wat zowel je vindbaarheid als je toegankelijkheid ten goede komt. Ook een snelle site hoort hierbij: trage pagina’s frustreren juist gasten die al meer moeite moeten doen om je site te gebruiken, dus paginasnelheid en toegankelijkheid gaan hand in hand.

Veelgestelde vragen

Moet mijn restaurantwebsite volledig aan WCAG voldoen?

Voor de meeste horecabedrijven gaat het om een redelijke inspanning op de belangrijkste punten: contrast, alt-teksten, een bedienbaar menu en duidelijke formulieren. Je hoeft niet elk detail van de richtlijn perfect te scoren om al veel gasten beter te bedienen.

Kost dit veel tijd?

Nee. De meeste knelpunten los je op met een paar aanpassingen: een menu digitaliseren, alt-teksten aanvullen en je kleuren checken. Dat is meestal een kwestie van een uurtje, geen herbouw van je site.

Helpt toegankelijkheid ook voor SEO?

Ja. Alt-teksten, duidelijke koppen en een doorzoekbaar menu zijn precies de dingen die Google en AI-assistenten ook nodig hebben om je site te begrijpen. Toegankelijkheid en vindbaarheid trekken hier aan hetzelfde eind van het touw.

Wil je in één oogopslag zien waar jouw site nog steken laat vallen? Probeer Sitebite gratis en loop je site na op toegankelijkheid en SEO tegelijk.