Tillgänglighet

Hur vi bygger för tangentbord, skärmläsare, användare med nedsatt syn och lågteknologiska användare. En ärlig, daterad sammanfattning.

Vi skriver den här sidan på samma sätt som resten av webbplatsen: vad som fungerar, vad som inte fungerar och hur du kan kontrollera det själv. Den är daterad eftersom tillgänglighet är ett rörligt mål. Vi testar om efter varje större release.

Vad vi åtar oss

• Full tangentbordsnavigering. Varje generatorkontroll, varje modal och varje exportflöde är nåbart utan mus.
• Synliga fokustillstånd. Fokuserade fält, knappar och länkar visar en tydlig ring. Vi förlitar oss inte enbart på färg.
• Etiketter för varje fält. Formulärfält har associerade <label>-element eller aria-label-attribut. Platshållartext används aldrig som enda etikett.
• ARIA-liveregioner för QR-förhandsgranskning och toasts. Skärmläsare hör "QR genererad" och toast-meddelanden när de utlöses, inte bara när fokus flyttas till dem.
• Textalternativ för ikonstruknappar. aria-label på varje SVG-enbart knapp.
• Färgoberoende statusbetydelse. Skannerbarhetsmärken och kompatibilitetchips kombinerar färg med en symbol och en textetikett.
• Explicita exportformatnamn. Hämtningsknappar säger "Hämta PNG", "Hämta SVG" osv., inte bara "Hämta".
• Stora pekskärmsmål. Interaktiva element är minst 44 × 44 CSS-pixlar på grova pekare, enligt WCAG 2.5.8.
• Respekt för reducerad rörelse. Övergångar inaktiveras under prefers-reduced-motion: reduce.

Där vi fortfarande brister

• Täckning av skärmläsartester är ojämn. Generatorn har testats med VoiceOver (macOS/iOS) och NVDA. JAWS och TalkBack behöver mer tid.
• Business Card Designer är muscentrerat till sin natur (dra för att placera, förhandsgranskning på canvas). Tangentbordsalternativ finns för varje kontroll, men den direkta förhandsgranskningsslingan är fortfarande visuell.
• Komplexa generatorflöden (CSV-batch, flerstegsguidar) skulle behöva bättre struktur för hopplänkar. Planerat.
• Vår kompatibilitetsmatris presenteras för närvarande som HTML-tabeller. Kolumnrubriker för skärmläsare fungerar, men vi vill lägga till längre beskrivande sammanfattningar för varje rad.

Testade webbläsare och hjälpmedel

Senaste fullständiga genomgång: april 2026. Mellan genomgångarna kontrollerar vi efter betydande gränssnittsändringar.

Tangentbordskarta

• Tab / Skift+Tab: flytta framåt / bakåt bland fokuserbara element.
• Enter / Mellanslag: aktivera knappar och växlar.
• Piltangenter: flytta mellan alternativ i en radiogrupp (typväljare, mallväljare, flikrad).
• Escape: stäng modaler (Business Card Designer, förhandskontroll, utskriftstjänster, bildklippning).
• Home / End i en överflödesmeny hoppar till första / sista objekt.

Rapportera ett problem

Om något inte går att nå med tangentbordet, är felmärkt eller på annat sätt inte går att använda med din konfiguration, mejla hello@abundera.ai. Ange din webbläsare, ditt operativsystem, ditt hjälpmedel och det specifika flödet. Vi behandlar tillgänglighetsfel som prioriterade ärenden.

Senast granskad: 2026-04-16. Nästa granskning: efter nästa större gränssnittsändring.