Tilgængelighed
Sådan bygger vi til tastatur, skærmlæser, svagtseende og lavteknologiske brugere. Et ærligt, dateret snapshot.
Hvad vi forpligter os til
- Fuld tastaturnavigation. Alle generatorkontroller, alle dialogbokse og alle eksportflows kan nås uden mus.
- Synlige fokusstile. Fokuserede inputfelter, knapper og links viser en tydelig ring. Vi stoler ikke udelukkende på farve.
- Etiketter på alle felter. Formularinputfelter har tilknyttede
<label>-elementer elleraria-label-attributter. Pladsholdertekst bruges aldrig som eneste etiket. - ARIA live-regioner til QR-forhåndsvisning og notifikationer. Skærmlæsere hører "QR genereret" og notifikationsmeddelelser, når de udløses, ikke kun når fokus flyttes til dem.
- Tekstalternativer til ikonknapper.
aria-labelpå alle SVG-knapper uden tekst. - Farveuafhængig statusbetydning. Scanbarhedsmærker og kompatibilitetschips kombinerer farve med et ikon og en tekstetiket.
- Eksplicitte eksportformatnavne. Downloadknapper siger "Download PNG", "Download SVG" osv., ikke bare "Download".
- Store berøringsmål på mobil. Interaktive elementer er mindst 44 × 44 CSS-pixels på grove pegeredskaber i henhold til WCAG 2.5.8.
- Respekt for reduceret bevægelse. Overgange er deaktiveret ved
prefers-reduced-motion: reduce.
Hvor vi stadig mangler
- Skærmlæsertestdækning er ujævn. Generatoren er testet med VoiceOver (macOS/iOS) og NVDA. JAWS og TalkBack kræver mere tid.
- Visitkortdesigneren er musedrevet af design (træk-for-at-placere, lærredsforhåndsvisning). Tastaturalternativer findes for alle kontroller, men live-forhåndsvisnings-feedbacksløjfen er stadig visuel-først.
- Komplekse generatorflows (batch CSV, flertrinsguide) kunne bruge bedre spring-link-struktur. Planlagt.
- Vores kompatibilitetsmatrix præsenteres i øjeblikket som HTML-tabeller. Skærmlæserkolonneoverskrifter fungerer, men vi vil gerne tilføje længere beskrivende resuméer for hver række.
Testede browsere og hjælpeteknologi
Seneste fulde gennemgang: april 2026. Mellem gennemgange spot-tjekker vi efter væsentlige UI-ændringer.
| Browser | AT | Platform | Status |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | Testet, godkendt |
| Firefox | NVDA | Windows 11 | Testet, godkendt |
| Chrome | NVDA | Windows 11 | Testet, godkendt |
| Chrome | ChromeVox | ChromeOS | Spot-tjekket |
| Chrome | TalkBack | Android 14, 15 | Spot-tjekket |
| Edge | Narrator | Windows 11 | Spot-tjekket |
| Safari | JAWS | Windows 11 | Ikke testet endnu |
Tastaturkort
- Tab / Shift+Tab: flyt fremad / tilbage gennem fokuserbare elementer.
- Enter / Space: aktiver knapper og til/fra-kontakter.
- Piletaster: flyt mellem valgmuligheder i en radiogruppe (typevælger, skabelonvælger, fanebjælke).
- Escape: luk dialogbokse (Visitkortdesigner, preflight, printtjenester, billedbeskæring).
- Home / End inde i en overløbsmenu springer til første / sidste element.
Rapportér et problem
Hvis noget ikke kan nås via tastatur, er forkert mærket eller på anden måde ikke kan bruges med din opsætning, bedes du skrive til hello@abundera.ai. Angiv din browser, dit OS, din AT og det specifikke flow. Vi behandler tilgængelighedsfejl som prioriterede problemer.