Tilgængelighed

Hvordan vi bygger til tastatur, skærmlæser, svagtseende og lavteknologiske brugere. Et ærligt, dateret øjebliksbillede.

Vi skriver denne side på samme måde som resten af siden: hvad der virker, hvad der ikke virker, og hvordan du kan verificere det selv. Den er dateret, fordi tilgængelighed er et bevægeligt mål. Vi tester igen efter hver større udgivelse.

Formel tilgængelighedserklæring

Målrettet standard

WCAG 2.2 AA på tværs af hele oplevelsen. AAA-behandling på fokusudseende (tykke højkontrastringer, ikke skjulte) og på formularetiketter + fejlgendannelse. Spores mod W3C-anbefalingen, ikke en omskrivning.

Seneste interne revision

2026-04-19. Manuel godkendelse af vores eget team mod forsiden, print-size, /standards/-hubben + 9 autoritetssider og 45 betalingsordning-landingssider.

Ekstern revision

Bestilt, rapport afventer. Offentliggøres ved ankomst på /accessibility/audit/ med afhjælpningsnoter, mangler intakte, ingen kirsebærplukning.

Gentest-kadence

Månedlig stikprøvekontrol + fuld manuel gennemgang efter enhver større UI-ændring. Automatiserede kontroller (kontrastlinting, WCAG 2.2 nye-kriterier-scanning) køres ved hver implementering.

Kontakt + SLA

hello@abundera.ai, vi bekræfter tilgængelhedsrapporter inden for 2 arbejdsdage, triagerer inden for 5 og behandler tastatur-/skærmlæser-/kognitive blokerere som prioriterede problemer (sendes forud for funktionsarbejde).

WCAG 2.2 AA-overensstemmelse pr. succeskriterium

De nye-i-2.2-kriterier vi aktivt overvåger. Status afspejler hvad vi har verificeret internt; den eksterne revision vil erstatte dette.

Bevægelses- og forced-colors-support

• prefers-reduced-motion: reduce, ambient orb-float og fade-in-overgange undertrykkes. Funktionelle overgange forbliver korte. Verificeret med macOS Reduce Motion og Windows "Vis animationer" deaktiveret.
• forced-colors: active (Windows High Contrast Mode), fokusringe bruger systemets Highlight-farve; kanter arver system-CanvasText. Verificeret i Edge på Windows 11 High Contrast.

Kendte begrænsninger

• JAWS er ikke testet endnu. Næste AT-runde er målrettet JAWS på Edge på Windows 11.
• Visitkortsdesigneren er mus-første af design til træk-til-position-forhåndsvisning. Hvert kontrolelement har et tastaturalternativ, men live-feedback-løkken er stadig visuel. Farveindtastninger, forudindstillet gitter og hex-felter har nu eksplicitte ARIA-bindinger (2026-04-19).
• Ekstern revisionsrapport afventer. Den selvattesterede status i tabellen ovenfor erstattes med revisorens resultater, når rapporten ankommer.
• Nogle tredjepartshjælpemidler (Dragon NaturallySpeaking, tale-til-tekst på Android) er ikke i vores regressionsmatrix; vi accepterer community-rapporter og retter pr. sag.

Tilgængeligheds-ændringslog

• 2026-04-19 (PM), TalkBack live-region dobbeltbrand rettet: aria-live="polite" fjernet fra #qr-preview-omslaget; meddelelser kommer nu kun fra scanbarhedens role="status"-mærke, én gang pr. generering. BCD-modal: farvevælgere fik korrekte <label for>-bindinger (Baggrund, Tekst, Accent, Gradient); forudindstillet gitter-container fik role="group" + aria-label. Tilgængelighedstabeller fik <caption> + scope="col"/"row", WCAG 2.2 AA + AT-matrix annoncerer nu korrekt i VoiceOver, NVDA og TalkBack.
• 2026-04-19 (AM), Fokusindikatorer opgraderet (3 px + box-shadow-reserve). forced-colors + prefers-reduced-motion-support tilføjet. Målstørrelsesrevision: hævede .saved-profile-delete, .type-search-clear, .compat-toggle-btn til ≥ 28 px. Overskriftsniveau-spring rettet (vCard/MECARD-underoverskrifter h4 → h3). Formel WCAG 2.2 AA-erklæring + AT-matrix offentliggjort.
• 2026-04-18, Manuel WCAG 2.2 AA-basislinje-gennemgang dokumenteret. Fire-søjlers tillidsstrip kollapsede for renere hierarki.
• 2026-03-08, Første /accessibility/-side offentliggjort.

Hvad vi forpligter os til

• Fuld tastaturnavigering. Hvert generatorkontrol, hvert modal og hvert eksportflow er tilgængeligt uden mus.
• Synlige fokustilstande. Fokuserede indtastninger, knapper og links viser en tydelig ring. Vi stoler ikke kun på farve.
• Etiketter på hvert felt. Formularindtastninger har tilknyttede <label>-elementer eller aria-label-attributter. Pladsholdertekst bruges aldrig som den eneste etikett.
• ARIA live-regioner til QR-forhåndsvisning og toast-meddelelser. Skærmlæsere hører "QR genereret" og toast-meddelelser, når de udløses, ikke kun når fokus flyttes til dem.
• Tekst-alternativer til ikon-kun-knapper. aria-label på hver SVG-kun-knap.
• Farve-uafhængig statusbetydning. Scanbarhedsmærker og compat-chips parrer farve med et glyfikon og en tekstetikett.
• Eksplicitte eksportformatnavne. Downloadknapper siger "Download PNG", "Download SVG" osv., ikke bare "Download".
• Store touch-mobilmål. Interaktive elementer er mindst 44 × 44 CSS-pixels på grove pointers, pr. WCAG 2.5.8.
• Reduceret bevægelse respekteres. Overgange deaktiveres under prefers-reduced-motion: reduce.

Hvor vi stadig kommer til kort

• JAWS er ikke testet endnu. JAWS-licens erhvervet, testplads booket til næste AT-runde. Alle andre store (VoiceOver macOS + iOS, NVDA, Narrator, TalkBack) har bestået den seneste regression.
• Visitkortsdesigneren er mus-tung af design (træk-til-position, canvas-forhåndsvisning). Tastaturalternativer findes til hvert kontrolelement, men live-forhåndsvisningsfeedback-løkken er stadig visuel-første. Farvekontroller bruger nu korrekte <label for>-bindinger + role="group" på forudindstillingsværktøjet (2026-04-19).
• Komplekse generatorflows (batch-CSV, flertrins-guide) kunne bruge bedre skip-link-struktur. Planlagt.
• Beskrivende tabelresuméer. Tilgængeligheds- og kompatibilitetstabeller har nu <caption> + scope-attributter (2026-04-19). Længere rækkeniveau-narrative resuméer for hver række er stadig planlagt.

Hjælpemiddel-supportmatrix

Teknisk artefakt, ikke en PR-erklæring. Hver række er en reel browser + AT + platformkombination, vi fysisk har haft hænderne på. Status afspejler den seneste manuelle gennemgang; forbehold noterer alt, der stadig blokerer en fuld gennemgang.

Udgivelseskadence: matrix køres igen mod enhver større UI-ændring. "Bestået" = ingen bloker; forbehold er kosmetiske eller snævert omfangsbaserede regressioner sat i kø til næste udgivelse. "Ikke testet" = vi har endnu ikke fysisk kørt kombinationen, vi siger det i stedet for at udelade.

Tastaturkort

• Tab / Shift+Tab: flyt fremad/tilbage gennem fokuserbare elementer.
• Enter / Space: aktiver knapper og skift.
• Piletaster: flyt mellem muligheder inden for en radiogruppe (typevælger, skabelonvælger, fanebarre).
• Escape: luk modaler (Visitkortsdesigner, preflight, udskriftstjenester, billedbeskæring).
• Home / End inde i en overløbsmenu hopper til første/sidste element.

Intern revision, 2026-04-19

Manuel WCAG 2.2 AA-gennemgang mod forsiden, /print-size/, den nye /standards/-hub + 9 autoritetssider og 45 betalingsordning-landingssider (som arver fra den delte skabelon). Hvad vi verificerede, hvad vi rettede, og hvad der er åbent:

Verificeret bestået

• Skip-link-mål findes, skip-linket (href="#generator") løser til et synligt element på hver sidevariant.
• Fokus-synlige stilarter, :focus-visible er erklæret globalt med en 2px kontur, plus per-input-tilsidesættelser med en farvet kant + skygge. Bekræftet via CSS-revision på linjerne 34 og 88 i site/css/style.c17bfd85.css.
• Alle formularindtastninger har etiketter, hvert <input> / <select> / <textarea> i generatoren har enten en eksplicit <label for="..."> eller et omsluttende <label>. Pladsholder-som-etikett bruges ikke nogen steder.
• Knapper har tilgængelige navne, hvert <button> har enten tekstindhold eller et aria-label. SVG-kun-knapper (hamburger, del, installer) bærer alle aria-label.
• Dekorative SVG'er markeret skjulte, aria-hidden="true" på hvert dekorativt ikon, så skærmlæsere springer dem over i stedet for at annoncere deres geometri.
• Korrekte ARIA-roller, role="radiogroup" på typevælgeren med role="radio" + aria-checked på hvert alternativ; role="tablist" / role="tab" + aria-selected på panel-fanerne.
• Tekstkontrast, primærtekst er #f5f5f5 på #08090a (≈ 17:1, WCAG AAA). Dæmpet tekst #a3a3a3 på samme baggrund er ≈ 8:1 (over AAA 7:1).
• Sprogvælger har aria-label="Language" selv om den synlige etikett er implicit.

Rettet i dette pas

• Overskriftsniveau-spring, tre underoverskrifter i vCard/MECARD ekstra-felter-sektionerne var <h4> under et <h2> uden mellemliggende <h3>. Skærmlæser-konturværktøjer markerede dette som "hoppet niveau." Ændret til <h3> så konturen læses h1 → h2 → h3 → h3 rent.

Kendte begrænsninger

• Axe / NVDA / VoiceOver fuld scanning kræver en browser + AT, som vi ikke kan køre fra byggepipelinen. Manuel browserbaseret gennemgang planlagt månedligt.
• Uafhængig tredjepartsrevision er bestilt (se /accessibility/audit/ pladsholder). Rapport offentliggøres ved ankomst, selv hvis den indeholder resultater.
• "/"-tastaturgenvej til kommandopaletten er en lille kollisionsrisiko på sider med søgefelter. Vi preventDefault() kun når fokus er uden for en inputfelt; dokumenteret men endnu ikke revideret med AT.

Rapportér et problem

Hvis noget er utilgængeligt via tastatur, forkert etiketteret eller på anden måde ubrugeligt med dit setup, send e-mail til hello@abundera.ai. Inkluder din browser, OS, AT og det specifikke flow. Vi behandler tilgængelhedsfejl som prioriterede problemer.

Sidst gennemgået: 2026-04-19. Næste gennemgang: efter næste større UI-ændring.