Toegankelijkheid
Hoe we bouwen voor toetsenbord-, schermlezer-, slechtziende en laagdrempelige gebruikers. Een eerlijke, gedateerde momentopname.
Wat we toezeggen
- Volledige toetsenbordnavigatie. Elk bedieningselement van de generator, elk modaal venster en elke exportstroom is bereikbaar zonder muis.
- Zichtbare focusstatussen. Gefocuste invoervelden, knoppen en links tonen een duidelijke ring. We vertrouwen niet uitsluitend op kleur.
- Labels bij elk veld. Formulierinvoervelden hebben bijbehorende
<label>-elementen ofaria-label-attributen. Plaatsaanduidingstekst wordt nooit als enig label gebruikt. - ARIA-livegebieden voor de QR-voorvertoning en meldingen. Schermlezers horen "QR gegenereerd" en meldingsberichten op het moment dat ze verschijnen, niet alleen wanneer de focus er naartoe wordt verplaatst.
- Tekstalternatieven voor pictogramknoppen.
aria-labelop elke knop met alleen een SVG-pictogram. - Kleuronafhankelijke statusbetekenis. Scanbaarheidsbadges en compatibiliteitschips combineren kleur met een symbool en een tekstlabel.
- Expliciete exportformatnamen. Downloadknoppen vermelden "Download PNG", "Download SVG" enzovoort, niet alleen "Downloaden".
- Grote aanraakdoelen voor mobiel. Interactieve elementen zijn minimaal 44 × 44 CSS-pixels op aanwijzers met lage precisie, conform WCAG 2.5.8.
- Respect voor verminderde animatie. Overgangen zijn uitgeschakeld bij
prefers-reduced-motion: reduce.
Waar we nog tekortschieten
- Testdekking met schermlezers is ongelijkmatig. De generator is getest met VoiceOver (macOS/iOS) en NVDA. JAWS en TalkBack vereisen nog meer aandacht.
- De Visitekaartjesontwerper is by design muisgericht (slepen om te positioneren, canvasvoorvertoning). Er bestaan toetsenborndalternatieven voor elk bedieningselement, maar de feedbacklus van de livevoorvertoning is nog altijd visueel gericht.
- Complexe generatorstromen (batch CSV, meerstapswizard) kunnen profiteren van een betere skiplink-structuur. Gepland.
- Onze compatibiliteitsmatrix wordt momenteel weergegeven als HTML-tabellen. Kolomkoppen voor schermlezers werken, maar we willen langere beschrijvende samenvattingen toevoegen voor elke rij.
Geteste browsers en hulptechnologieën
Laatste volledige test: april 2026. Tussen tests door doen we steekproeven na significante wijzigingen in de gebruikersinterface.
| Browser | AT | Platform | Status |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | Getest, geslaagd |
| Firefox | NVDA | Windows 11 | Getest, geslaagd |
| Chrome | NVDA | Windows 11 | Getest, geslaagd |
| Chrome | ChromeVox | ChromeOS | Steekproef |
| Chrome | TalkBack | Android 14, 15 | Steekproef |
| Edge | Narrator | Windows 11 | Steekproef |
| Safari | JAWS | Windows 11 | Nog niet getest |
Toetsenbordoverzicht
- Tab / Shift+Tab: vooruit / achteruit navigeren tussen focusbare elementen.
- Enter / Spatiebalk: knoppen en schakelaars activeren.
- Pijltoetsen: verplaatsen tussen opties in een radiogroep (typeSelector, sjabloonkiezer, tabbalk).
- Escape: modale vensters sluiten (Visitekaartjesontwerper, preflight, afdrukservices, afbeeldingsinsnijden).
- Home / End in een overloopmenu: naar het eerste / laatste item springen.
Een probleem melden
Als iets niet bereikbaar is via het toetsenbord, verkeerd gelabeld is of anderszins niet bruikbaar is met uw configuratie, stuur dan een e-mail naar hello@abundera.ai. Vermeld uw browser, besturingssysteem, hulptechnologie en de specifieke stroom. We behandelen toegankelijkheidsfouten als prioriteitsfouten.