Toegankelijkheid

Laatst bijgewerkt: 1 november 2026

reeeecipe wil voldoen aan WCAG 2.2 op niveau AA. Hier lees je wat er al gedaan is, wat nog tekortschiet en hoe je een probleem meldt.

Wat er al is

Elke pagina begint met een link die direct naar de hoofdinhoud springt.
Pagina’s gebruiken header-, navigatie-, hoofd- en footer-landmarks, en elke pagina heeft één hoofdkop.
Elke pagina geeft haar taal aan. Recepten bestaan alleen in het Engels, dus op de Spaanse en Nederlandse pagina’s is die tekst voor schermlezers als Engels gemarkeerd.
De toetsenbordfocus krijgt in beide thema’s een dikke omlijning.
Knoppen en formulierelementen zijn minstens 44 pixels hoog.
Het lichte en donkere thema volgen je systeeminstelling, en je kunt zelf wisselen.
Animaties bij het scrollen staan uit als je systeem om minder beweging vraagt.
De receptenzoeker heeft een zichtbaar label en meldt hoeveel gerechten er gevonden zijn.

Receptnamen, ingrediënten en bereidingsstappen komen van DummyJSON en zijn alleen in het Engels, ook op de Spaanse en Nederlandse pagina’s.
De zoeker meldt het aantal resultaten na elke toetsaanslag, wat met een schermlezer onrustig kan zijn.
Op grote schermen heeft het fotoblad op de homepage een vaste hoogte. Als je alleen de tekst vergroot, kan een knop daardoor wegvallen.
De site is nog niet formeel geaudit en er zijn nog geen automatische toegankelijkheidstests.

Loop je ergens tegenaan? Maak een issue aan op GitHub. Vermeld de pagina, wat je probeerde te doen en welke browser of hulptechnologie je gebruikt.