Toegankelijkheidsrapport

Conformiteitsstatus

De Web Content Accessibility Guidelines (WCAG) stellen eisen aan ontwerpers en ontwikkelaars om de toegankelijkheid voor mensen met een beperking te verbeteren. Ze definiëren drie conformiteitsniveaus: A, AA en AAA. Food Info voldoet volledig aan WCAG 2.1 niveau AA, wat betekent dat de inhoud voldoet aan alle succescriteria van niveau A en niveau AA.

Hoe we testen

• Geautomatiseerde controles worden uitgevoerd op elke openbare route met behulp van axe-core (huidige hoofdversie) via pa11y, met de regelsets wcag2a, wcag2aa, wcag21a en wcag21aa ingeschakeld.
• Handmatige beoordeling dekt zaken die geautomatiseerde tools niet betrouwbaar kunnen controleren: koppenstructuur, ARIA-correctheid, toetsenbordnavigatie inclusief focusvolgorde, zichtbare focusindicatoren, aankondigingen van landmarks door schermlezers, paginatitels en het taalattribuut van het document.
• Minimale kleurcontrastwaarden (4,5:1 voor hoofdtekst, 3:1 voor grote tekst en UI-componenten) worden afgedwongen via het ontwerp-tokenpalet, zodat toekomstige weergaven standaard conforme kleuren overnemen.

Toegankelijkheidsfuncties

• Sla-over-naar-inhoud-link als eerste focusbaar element.
• Eén zichtbare focusindicator (2 px omlijning + 2 px offset) op elk interactief element, inclusief native <select> wrappers.
• De toetsenbordfocus springt na elke routewijziging naar de nieuwe paginakop, zodat schermlezer- en toetsenbordgebruikers elke pagina vanaf een logisch punt beginnen.
• Licht en donker thema, beide voldoen aan de AA-contrastdrempel; volgt de voorkeur van het besturingssysteem totdat deze wordt overschreven.
• Elke tekstgrootte gebruikt relatieve eenheden (rem), zodat de pagina volledig meeschaalt met de lettergrootte-voorkeur van de browser, inclusief een verdubbelde zoom (200 %).
• Alle animaties en overgangen worden onderdrukt voor bezoekers met de voorkeur "Beweging beperken" van het besturingssysteem ingeschakeld.
• Formuliervelden gebruiken echte <label> elementen; inline-foutmeldingen zijn via aria-describedby gekoppeld aan hun invoervelden en worden aangekondigd via role="alert"; verplichte velden hebben een zichtbare indicator.
• Elk wachtwoordveld heeft een schakelaar "wachtwoord tonen" waarvan de status wordt blootgesteld via aria-pressed.
• De zoekkeuzelijst is een WAI-ARIA combobox met pijltoetsnavigatie, aria-controls / aria-activedescendant koppeling, Enter om te selecteren, Escape om te sluiten.
• Dialoogvensters houden de toetsenbordfocus vast terwijl ze geopend zijn, sluiten met Escape, en geven de focus terug aan het element dat ze opende.
• Alle decoratieve afbeeldingen zijn gemarkeerd met aria-hidden; betekenisvolle tekstalternatieven begeleiden de overige afbeeldingen. Inline SVG-iconen hebben focusable="false" zodat ze nooit toetsenbordfocus ontvangen.
• Voedselbeschrijvingen in vreemde talen (Frans Ciqual, de Deense voedingsmiddelendatabank, Australische AUSNUT, enz.) hebben een lang-attribuut zodat schermlezers de uitspraak aanpassen.

Bekende beperkingen

Geen op het moment van de laatste controle. Als u een drempel ontdekt die we gemist hebben, meld deze dan via de onderstaande contactgegevens.

Een probleem melden

We zetten ons in om toegankelijkheidsdrempels op te lossen. Als iets op deze site niet goed werkt voor u — pagina-elementen die niet correct worden weergegeven door een schermlezer, kleurencombinaties die moeilijk leesbaar zijn, of onderdelen die niet bereikbaar zijn via toetsenbordnavigatie — horen we dat graag.

• E-mail:info@food-info.org
• Telefoon:+44 (0) 7305 438083
• Post: DCPNET LTD, 30 Vane Close, Norwich, NR7 0US, United Kingdom

We streven ernaar toegankelijkheidsrapporten binnen twee werkdagen te bevestigen en binnen tien werkdagen een oplossing of tijdelijke maatregel te publiceren.