Tilgjengelighet

Hvordan vi bygger for tastatur, skjermleser, svaksynte og lavteknologiske brukere. Et ærlig, datert øyeblikksbilde.

Vi skriver denne siden slik resten av nettstedet skrives: hva som fungerer, hva som ikke fungerer, og hvordan du kan verifisere det selv. Den er datert fordi tilgjengelighet er et bevegelig mål. Vi tester på nytt etter hver større utgivelse.

Formell tilgjengelighetserklæring

Målrettet standard

WCAG 2.2 AA på tvers av hele opplevelsen. AAA-behandling på fokusutseende (tykke høykontrastringer, ikke skjulte) og på skjemamerkinger + feilgjenoppretting. Spores mot W3C-anbefalingen, ikke en omskrivning.

Siste interne revisjon

2026-04-19. Manuell godkjenning av vårt eget team mot forsiden, print-size, /standards/-hubben + 9 autoritetssider og 45 betalingsordning-landingssider.

Ekstern revisjon

Bestilt, rapport venter. Publiseres ved ankomst på /accessibility/audit/ med utbedringsnotater, mangler intakte, ingen kirsebærplukking.

Rettest-kadense

Månedlig stikkprøvekontroll + full manuell gjennomgang etter enhver større UI-endring. Automatiserte kontroller (kontrastlinting, WCAG 2.2 nye-kriterier-skanning) kjøres ved hver distribusjon.

Kontakt + SLA

hello@abundera.ai, vi bekrefter tilgjengelighetsrapporter innen 2 virkedager, triagerer innen 5, og behandler tastatur-/skjermleser-/kognitive blokkere som prioriterte problemer (sendes foran funksjonsarbeid).

WCAG 2.2 AA-samsvar per suksesskriterium

De nye-i-2.2-kriteriene vi aktivt overvåker. Status gjenspeiler hva vi har verifisert internt; den eksterne revisjonen vil erstatte dette.

Bevegelse og forced-colors-støtte

• prefers-reduced-motion: reduce, ambient orb-float og fade-in-overganger undertrykkes. Funksjonelle overganger forblir korte. Verifisert med macOS Reduce Motion og Windows "Vis animasjoner" deaktivert.
• forced-colors: active (Windows High Contrast Mode), fokusringer bruker systemets Highlight-farge; kanter arver system-CanvasText. Verifisert i Edge på Windows 11 High Contrast.

Kjente begrensninger

• JAWS er ikke testet ennå. Neste AT-runde er rettet mot JAWS på Edge på Windows 11.
• Visittkortdesigneren er mus-først av design for dra-til-plassering-forhåndsvisning. Hvert kontroll har et tastaturalternativ, men live-tilbakemelding-løkken er fortsatt visuell. Fargeinndataer, forhåndsinnstilt rutenett og hex-felt har nå eksplisitte ARIA-bindinger (2026-04-19).
• Ekstern revisjonsrapport venter. Den selvattesterte statusen i tabellen ovenfor erstattes med revisors funn når rapporten ankommer.
• Noen tredjepartshjelpemidler (Dragon NaturallySpeaking, tale-til-tekst på Android) er ikke i vår regresjonsmatrise; vi aksepterer fellesskapsrapporter og fikser per sak.

Tilgjengelighets-endringslogg

• 2026-04-19 (PM), TalkBack live-region dobbelbrenning fikset: aria-live="polite" fjernet fra #qr-preview-innpakningen; kunngjøringer kommer nå bare fra skanbarhetens role="status"-merke, én gang per generering. BCD-modal: fargevelgere fikk riktige <label for>-bindinger (Bakgrunn, Tekst, Aksent, Gradient); forhåndsinnstilt rutenett-container fikk role="group" + aria-label. Tilgjengelighetstabeller fikk <caption> + scope="col"/"row", WCAG 2.2 AA + AT-matrise kunngjør nå korrekt i VoiceOver, NVDA og TalkBack.
• 2026-04-19 (AM), Fokusindikatorer oppgradert (3 px + box-shadow-reserve). forced-colors + prefers-reduced-motion-støtte lagt til. Målstørrelsesrevisjon: hevet .saved-profile-delete, .type-search-clear, .compat-toggle-btn til ≥ 28 px. Overskriftsnivå-hopp fikset (vCard/MECARD-underoverskrifter h4 → h3). Formell WCAG 2.2 AA-erklæring + AT-matrise publisert.
• 2026-04-18, Manuell WCAG 2.2 AA-basislinje-gjennomgang dokumentert. Fire-søylers tillitsstrip kollapset for renere hierarki.
• 2026-03-08, Første /accessibility/-side publisert.

Hva vi forplikter oss til

• Full tastaturnavigering. Hvert generatorkontroll, hver modal og hvert eksportflyt er nåbart uten mus.
• Synlige fokustilstander. Fokuserte inndataer, knapper og lenker viser en tydelig ring. Vi stoler ikke bare på farge.
• Etiketter på hvert felt. Skjemainndataer har tilknyttede <label>-elementer eller aria-label-attributter. Plassholdertekst brukes aldri som den eneste etiketten.
• ARIA live-regioner for QR-forhåndsvisning og toast-meldinger. Skjermlesere hører "QR generert" og toast-meldinger når de utløses, ikke bare når fokus flyttes til dem.
• Tekstalternativer for ikon-bare knapper. aria-label på hver SVG-bare knapp.
• Farve-uavhengig statusbetydning. Skanbarhetmerker og compat-chips parrer farge med et glyfikon og en tekstetikett.
• Eksplisitte eksportformatnavn. Nedlastingsknapper sier "Last ned PNG", "Last ned SVG" osv., ikke bare "Last ned".
• Store berøringsmobilmål. Interaktive elementer er minst 44 × 44 CSS-piksler på grove pekere, per WCAG 2.5.8.
• Redusert bevegelse respekteres. Overganger deaktiveres under prefers-reduced-motion: reduce.

Hvor vi fortsatt kommer til kort

• JAWS er ikke testet ennå. JAWS-lisens anskaffet, testplass booket for neste AT-runde. Alle andre store (VoiceOver macOS + iOS, NVDA, Narrator, TalkBack) har bestått den siste regresjonen.
• Visittkortdesigneren er mus-tung av design (dra-til-plassering, lerret-forhåndsvisning). Tastaturalternativer finnes for hvert kontroll, men live-forhåndsvisning-tilbakemeldingsløkken er fortsatt visuell-først. Fargekontroller bruker nå riktige <label for>-bindinger + role="group" på forhåndsinnstillingsvelgeren (2026-04-19).
• Komplekse generatorflyter (batch-CSV, flertrins-veiviser) kunne bruke bedre skip-lenke-struktur. Planlagt.
• Beskrivende tabellsammendrag. Tilgjengelighets- og kompatibilitetstabeller har nå <caption> + scope-attributter (2026-04-19). Lengre radnivå-narrative sammendrag for hver rad er fortsatt planlagt.

Hjelpemiddel-støttematrise

Teknisk artefakt, ikke en PR-erklæring. Hver rad er en reell nettleser + AT + plattformkombinasjon vi fysisk har hatt hendene på. Status gjenspeiler den siste manuelle gjennomgangen; forbehold noterer alt som fortsatt blokkerer en full gjennomgang.

Utgivelseskadense: matrise kjøres igjen mot enhver større UI-endring. "Bestått" = ingen blokker; forbehold er kosmetiske eller smalt-omfang regresjoner satt i kø til neste utgivelse. "Ikke testet" = vi har ennå ikke fysisk kjørt kombinasjonen, vi sier det i stedet for å utelate.

Tastaturkart

• Tab / Shift+Tab: flytt fremover/bakover gjennom fokuserbare elementer.
• Enter / Space: aktiver knapper og bryterknapper.
• Piltaster: flytt mellom alternativer i en radiogruppe (typevelger, malvelger, fanebane).
• Escape: lukk modaler (Visittkortdesigner, preflight, utskriftstjenester, bildeobeskjæring).
• Home / End inne i en overflyt-meny hopper til første/siste element.

Intern revisjon, 2026-04-19

Manuell WCAG 2.2 AA-gjennomgang mot forsiden, /print-size/, den nye /standards/-hubben + 9 autoritetssider og 45 betalingsordning-landingssider (som arver fra den delte malen). Hva vi verifiserte, hva vi fikset, og hva som er åpent:

Verifisert bestått

• Skip-lenke-mål finnes, skip-lenken (href="#generator") løser til et synlig element på hver sidevariant.
• Fokus-synlige stiler, :focus-visible er erklært globalt med en 2px kontur, pluss per-inndata-overstyringer med en farget kant + skygge. Bekreftet via CSS-revisjon på linjene 34 og 88 i site/css/style.c17bfd85.css.
• Alle skjemainndataer har etiketter, hvert <input> / <select> / <textarea> i generatoren har enten en eksplisitt <label for="..."> eller et omsluttende <label>. Plassholder-som-etikett brukes ikke noe sted.
• Knapper har tilgjengelige navn, hvert <button> har enten tekstinnhold eller et aria-label. SVG-bare knapper (hamburger, del, installer) bærer alle aria-label.
• Dekorative SVG-er markert skjulte, aria-hidden="true" på hvert dekorativt ikon slik at skjermlesere hopper over dem i stedet for å kunngjøre geometrien deres.
• Riktige ARIA-roller, role="radiogroup" på typevelgeren med role="radio" + aria-checked på hvert alternativ; role="tablist" / role="tab" + aria-selected på panel-fanene.
• Tekstkontrast, primærtekst er #f5f5f5 på #08090a (≈ 17:1, WCAG AAA). Dempet tekst #a3a3a3 på samme bakgrunn er ≈ 8:1 (over AAA 7:1).
• Språkvelger har aria-label="Language" selv om den synlige etiketten er implisitt.

Fikset i dette passet

• Overskriftsnivå-hopp, tre underoverskrifter i vCard/MECARD ekstra-felt-seksjonene var <h4> under et <h2> uten mellomliggende <h3>. Skjermleser-konturverktøy flagget dette som "hoppet nivå." Endret til <h3> slik at konturen leses h1 → h2 → h3 → h3 rent.

Kjente begrensninger

• Axe / NVDA / VoiceOver full sweep krever en nettleser + AT som vi ikke kan kjøre fra byggepipelinen. Manuell nettleserbasert gjennomgang planlagt månedlig.
• Uavhengig tredjeparts revisjon er bestilt (se /accessibility/audit/ plassholder). Rapport publiseres ved ankomst selv om den inneholder funn.
• "/"-tastaturgenveien for kommandopaletten er en liten kollisjonsrisiko på sider med søkefelt. Vi preventDefault() bare når fokus er utenfor et inndatafelt; dokumentert men ennå ikke revidert med AT.

Rapporter et problem

Hvis noe er utilgjengelig via tastatur, feil merket, eller på annen måte ubrukelig med oppsettet ditt, send e-post til hello@abundera.ai. Inkluder nettleseren, OS, AT og det spesifikke flyten. Vi behandler tilgjengelighetsfeil som prioriterte problemer.

Sist gjennomgått: 2026-04-19. Neste gjennomgang: etter neste større UI-endring.