Tillgänglighet

Hur vi bygger för tangentbord, skärmläsare, svagsynta och lågteknologiska användare. En ärlig, daterad ögonblicksbild.

Vi skriver den här sidan som resten av sajten skrivs: vad som fungerar, vad som inte fungerar och hur du verifierar det själv. Den är daterad eftersom tillgänglighet är ett rörligt mål. Vi testar om efter varje större lansering.

Formellt tillgänglighetsutlåtande

Riktad standard

WCAG 2.2 AA i hela upplevelsen. AAA-behandling för fokusutseende (tjocka höggradiga kontrastringar, ej dolda) och formuläretiketter + felåterställning. Spåras mot W3C-rekommendationen, inte en omskrivning.

Senaste interna granskning

2026-04-19. Manuellt godkänd av vårt eget team mot startsidan, print-size, /standards/-hubben + 9 auktoritativa sidor och 45 betalningssystem-landningssidor.

Extern granskning

Beställd, rapport väntas. Publiceras vid ankomst på /accessibility/audit/ med åtgärdsnoteringar, brister intakta, ingen körsbärsplockning.

Omtestkadans

Månatlig stickprovskontroll + fullständig manuell genomgång efter varje större UI-ändring. Automatiserade kontroller (kontrastlinting, WCAG 2.2 nya-kriterier-scanning) körs vid varje driftsättning.

Kontakt + SLA

hello@abundera.ai, vi bekräftar tillgänglighetsrapporter inom 2 arbetsdagar, triagerar inom 5 och behandlar tangentbords-/skärmläsar-/kognitiva blockerare som prioriterade ärenden (skickas före funktionsarbete).

WCAG 2.2 AA-överensstämmelse per framgångskriterium

De nya-i-2.2-kriterierna vi aktivt bevakar. Status återspeglar vad vi har verifierat internt; den externa granskningen kommer att ersätta detta.

Rörelse och forced-colors-stöd

• prefers-reduced-motion: reduce, ambient orb-float och fade-in-övergångar undertrycks. Funktionella övergångar förblir korta. Verifierat med macOS Reduce Motion och Windows "Visa animationer" inaktiverat.
• forced-colors: active (Windows High Contrast Mode), fokusringar använder systemets Highlight-färg; kanter ärver system-CanvasText. Verifierat i Edge på Windows 11 High Contrast.

Kända begränsningar

• JAWS har inte testats ännu. Nästa AT-omgång riktar in sig på JAWS på Edge på Windows 11.
• Visitkortsdesignern är mus-först av design för drag-till-placering-förhandsgranskning. Varje kontroll har ett tangentbordsalternativ, men live-feedback-loopen är fortfarande visuell. Färginmatningar, förinställt rutnät och hexfält har nu explicita ARIA-bindningar (2026-04-19).
• Extern granskningsrapport väntas. Den självattesterade statusen i tabellen ovan kommer att ersättas med revisorns resultat när rapporten anländer.
• Vissa hjälpmedel från tredje part (Dragon NaturallySpeaking, tal-till-text på Android) finns inte i vår regressionsmatris; vi accepterar community-rapporter och åtgärdar per ärende.

Tillgänglighetsändringslogg

• 2026-04-19 (PM), TalkBack live-region dubbelbrand fixat: aria-live="polite" borttagen från #qr-preview-omslaget; meddelanden kommer nu bara från skanningsbarhets-role="status"-märket, en gång per generering. BCD-modal: färgväljare fick rätta <label for>-bindningar (Bakgrund, Text, Accent, Gradient); förinställt rutnätsbehållare fick role="group" + aria-label. Tillgänglighetstabeller fick <caption> + scope="col"/"row", WCAG 2.2 AA + AT-matris meddelar nu korrekt i VoiceOver, NVDA och TalkBack.
• 2026-04-19 (AM), Fokusindikatorer uppgraderade (3 px + box-shadow-reserv). forced-colors + prefers-reduced-motion-stöd tillagt. Målstorleksgranskning: höjde .saved-profile-delete, .type-search-clear, .compat-toggle-btn till ≥ 28 px. Rubriknivåhopp fixat (vCard/MECARD-underrubriker h4 → h3). Formellt WCAG 2.2 AA-utlåtande + AT-matris publicerad.
• 2026-04-18, Manuell WCAG 2.2 AA-baslinjegenomgång dokumenterad. Fyra-pelars förtroenderemsa kollapsad för renare hierarki.
• 2026-03-08, Initialt /accessibility/-sida publicerad.

Vad vi förbinder oss till

• Fullständig tangentbordsnavigering. Varje generatorkontroll, varje modal och varje exportflöde är nåbart utan mus.
• Synliga fokustillstånd. Fokuserade inmatningar, knappar och länkar visar en tydlig ring. Vi förlitar oss inte enbart på färg.
• Etiketter på varje fält. Formulärinmatningar har associerade <label>-element eller aria-label-attribut. Platshållartext används aldrig som enda etikett.
• ARIA live-regioner för QR-förhandsgranskning och toast-meddelanden. Skärmläsare hör "QR genererad" och toast-meddelanden när de avfyras, inte bara när fokus flyttas till dem.
• Textalternativ för ikon-bara knappar. aria-label på varje SVG-enda knapp.
• Färgoberoende statusbetydelse. Skanningsbarhetsemblem och compat-chips kombinerar färg med ett glyf och en textetikett.
• Explicita exportformatnamn. Nedladdningsknappar säger "Ladda ned PNG", "Ladda ned SVG" etc., inte bara "Ladda ned".
• Stora tryckbara mobilmål. Interaktiva element är minst 44 × 44 CSS-pixlar på grova pekare, per WCAG 2.5.8.
• Minskad rörelse respekteras. Övergångar inaktiveras under prefers-reduced-motion: reduce.

Var vi fortfarande brister

• JAWS har inte testats ännu. JAWS-licens förvärvad, testplats bokad för nästa AT-omgång. Alla andra stora (VoiceOver macOS + iOS, NVDA, Narrator, TalkBack) har klarat den senaste regressionen.
• Visitkortsdesignern är mus-tung av design (drag-till-placering, canvas-förhandsgranskning). Tangentbordsalternativ finns för varje kontroll men live-förhandsgranskningsmeddelandeloopen är fortfarande visuell-först. Färgkontroller använder nu rätta <label for>-bindningar + role="group" på förinställningsväljaren (2026-04-19).
• Komplexa generatorflöden (batch-CSV, flerstegsgudide) skulle kunna använda bättre skip-länkstruktur. Planerat.
• Beskrivande tabellsammanfattningar. Tillgänglighets- och kompatibilitetstabeller har nu <caption> + scope-attribut (2026-04-19). Längre radnivå-narrativa sammanfattningar för varje rad är fortfarande planerade.

Hjälpmedelsmatris

Teknisk artefakt, inte ett PR-uttalande. Varje rad är en verklig webbläsare + AT + plattformskombination vi fysiskt har haft händerna på. Status återspeglar den senaste manuella genomgången; undantag noterar allt som fortfarande blockerar en fullständig genomgång.

Lanseringskadans: matris körs om mot varje större UI-ändring. "Godkänd" = ingen blockerare; undantag är kosmetiska eller snäva regressioner köade till nästa lansering. "Ej testad" = vi har ännu inte fysiskt kört kombinationen, vi säger det istället för att utelämna.

Tangentbordskarta

• Tab / Shift+Tab: flytta framåt/bakåt genom fokusbara element.
• Enter / Space: aktivera knappar och växlar.
• Piltangenter: flytta mellan alternativ i en radiogrupp (typväljare, mallväljare, flikfält).
• Escape: stäng modaler (Visitkortsdesigner, förhandskontroll, utskriftstjänster, bildklipp).
• Home / End i en spillmeny hoppar till första/sista objekt.

Intern granskning, 2026-04-19

Manuell WCAG 2.2 AA-genomgång mot startsidan, /print-size/, den nya /standards/-hubben + 9 auktoritativa sidor och 45 betalningssystem-landningssidor (som ärver från den delade mallen). Vad vi verifierade, vad vi fixade och vad som är öppet:

Verifierat godkänt

• Hopplänksmål finns, hopplänken (href="#generator") löser till ett synligt element på varje sidvariant.
• Fokus-synliga stilar, :focus-visible är deklarerat globalt med en 2px kontur, plus per-inmatningsöverskrivningar med en färgad kant + skugga. Bekräftat via CSS-granskning på raderna 34 och 88 i site/css/style.c17bfd85.css.
• Alla formulärinmatningar har etiketter, varje <input> / <select> / <textarea> i generatorn har antingen en explicit <label for="..."> eller ett omslutande <label>. Platshållare-som-etikett används inte någonstans.
• Knappar har tillgängliga namn, varje <button> har antingen textinnehåll eller ett aria-label. SVG-bara knappar (hamburger, dela, installera) bär alla aria-label.
• Dekorativa SVG:er markerade dolda, aria-hidden="true" på varje dekorativ ikon så att skärmläsare hoppar över dem istället för att meddela deras geometri.
• Korrekta ARIA-roller, role="radiogroup" på typväljaren med role="radio" + aria-checked på varje alternativ; role="tablist" / role="tab" + aria-selected på panelflikarna.
• Textkontrast, primärtext är #f5f5f5 på #08090a (≈ 17:1, WCAG AAA). Dämpad text #a3a3a3 på samma bakgrund är ≈ 8:1 (över AAA 7:1).
• Språkväljare har aria-label="Language" även om den synliga etiketten är implicit.

Fixat i denna genomgång

• Rubriknivåhopp, tre underrubriker i vCard/MECARD extra-fält-sektionerna var <h4> under en <h2> utan mellanliggande <h3>. Skärmläsar-konturverktyg flaggade detta som "hoppade nivå." Ändrades till <h3> så att konturen läses h1 → h2 → h3 → h3 rent.

Kända begränsningar

• Axe / NVDA / VoiceOver fullständig svep kräver en webbläsare + AT som vi inte kan köra från byggpipelinen. Manuell webbläsarbaserad genomgång schemalagd månadsvis.
• Oberoende granskning av tredje part är beställd (se /accessibility/audit/ platshållare). Rapport publiceras vid ankomst även om den innehåller resultat.
• "/"-tangentbordsgenvägen för kommandopaletten är en liten kollisionsrisk på sidor med sökfält. Vi preventDefault() bara när fokus är utanför en inmatning; dokumenterat men inte ännu granskat med AT.

Rapportera ett problem

Om något är onåbart via tangentbord, felinmärkt eller på annat sätt oanvändbart med din inställning, skicka e-post till hello@abundera.ai. Inkludera din webbläsare, OS, AT och det specifika flödet. Vi behandlar tillgänglighetsfel som prioriterade ärenden.

Senast granskad: 2026-04-19. Nästa granskning: efter nästa större UI-ändring.