Spring til hovedindhold
Niquelao Webtilgængelighed og front-end udvikling på spansk: WCAG-standarder, tilgængelige widgets og udvidelser til Firefox, forklaret med rigtig kode.

Nogle links på dette websted er affiliate-links: Hvis du køber gennem dem, kan vi modtage en kommission uden ekstra omkostninger for dig. Dette påvirker aldrig vores anbefalinger. Se vores affiliate-oplysning for detaljer. Affiliate-oplysning.

Accessibilidad AA Web: Comparativa de Herramientas 2026

AA samler 50 succeskriterier (30 på niveau A + 20 på niveau AA); det er tærsklen for webtilgængelighed, som de fleste lovgivninger kræver, herunder den europæiske EN 301 549.

  • Intet værktøj kan alene detektere alle fejl: automatiserede auditorer dækker omkring en tredjedel af kriterierne, så manuel gennemgang og test med skærmlæsere er obligatoriske.
  • Valget afhænger af arbejdsgangen: browserudvidelser til daglig udvikling, CI-suites til teams og eksterne audits til formelle certificeringer.
  • De fire typer værktøjer, du har brug for, er: automatiserede auditorer, kontrasttjekkere, skærmlæsere og struktur-/HTML-validatorer.
  • At dokumentere hver tilgængelighedsbeslutning (hvad der blev testet, med hvilken version og i hvilken browser) er lige så vigtigt som at rette fejlen for at bevise overholdelse.

Hvad “AA” egentlig betyder i webtilgængelighed

WCAG Level AA er det andet af tre overensstemmelsesniveauer (A, AA og AAA) defineret af W3C. Hvert niveau kombinerer kriterierne fra det foregående niveau: For at erklære AA-overensstemmelse skal du opfylde 30 niveau A-kriterierne og 20-niveau AA-kriterierne, som svarer til 50 succeskriterier. AAA-niveauet tilføjer 28 mere, og det er sjældent, at det kræves fuldt ud, fordi visse kriterier er umulige at opfylde i alt indhold.

Den praktiske forskel mellem A og AA er væsentlig. Niveau A dækker det essentielle (alternativ tekst, semantisk struktur, tastaturnavigation). Niveau AA tilføjer krav, der påvirker design og farver: minimumskontrast på 4,5:1 for normal tekst og 3:1 for stor tekst, tekstskalering op til 200 % uden tab af indhold, undertekster til forudoptagede videoer samt overskrifter og etiketter, der beskriver formålet med hvert felt.

Det er disse kriterier, der ofte fejler på sider bygget med XHTML og forældet CSS, hvor farve og størrelse blev fastsat i absolutte pixels.

Den normative reference, man bør citere, er W3C’s officielle WCAG 2.2-specifikation, som indeholder den komplette liste over kriterier samt tilstrækkelige og vejledende teknikker. I europæisk kontekst harmoniserer standarden EN 301 549 disse krav for offentlige indkøb og direktivet om webtilgængelighed, mens den tilsvarende reference i USA er Section 508 og ADA. Det er vigtigt at kende den juridiske ramme for dit marked: i Spanien og Latinamerika kræver mange institutionelle kunder eksplicit AA-overholdelse i udbudsmaterialet for at sikre webtilgængelighed.

De fire typer værktøjer, du har brug for

Ingen værktøjskategori dækker hele WCAG-spektret for webtilgængelighed. En seriøs arbejdsgang kombinerer fire typer, og hver af dem besvarer forskellige spørgsmål.

Relateret: — Superposición de IA que promete cumplimiento WCAG en 48 timer.

Automatiserede auditorer. De scanner DOM og CSS for kendte fejltyper: billeder uden alt, felter uden etiketter, utilstrækkelig kontrast, spring i overskrifter, forkert brug af ARIA-attributter. De er hurtige og finder gentagne fejl, men deres dækning er delvis: producenterne anerkender selv, at de ikke kan evaluere kriterier, der afhænger af betydning, såsom kvaliteten af en alternativ tekst eller klarheden af en fejlmeddelelse.

Kontrasttjekkere. De beregner kontrastforholdet mellem tekst- og baggrundsfarven baseret på WCAG’s formel for relativ lysstyrke. Det er små, men kritiske værktøjer, da kontrast er en af de hyppigste fejl og en af de letteste at måle objektivt.

Skærmlæsere. NVDA (Windows, gratis), JAWS (Windows, kommerciel) og VoiceOver (macOS/iOS, integreret) er den ultimative test. En auditor kan sige, at en formular “består”, men kun en skærmlæser afslører, om tabulator-rækkefølgen giver mening, eller om en aria-label forvirrer mere, end den hjælper.

Værd at se: — Accesibilidad gestionada: automatisering combinada con revision humana.

Struktur- og HTML-validatorer. Sørg for, at opmærkningen er gyldig og semantisk. På XHTML-websteder opdager en validator forkert indlejring, forældede attributter og kodningsproblemer, som derefter påvirker skærmlæserens fortolkning.

Sammenligning: hvilket værktøj skal du vælge i din situation

Den følgende tabel opsummerer beslutningskriterierne for at sikre AA-webtilgængelighed. Det er ikke en prisliste (da disse ændrer sig ofte og afhænger af licensen), men en guide til valg baseret på scenarie.

VærktøjstypeHvornår skal det vælgesPrimær styrkeVigtigste begrænsning
Browserudvidelse (live audit)Daglig udvikling, gennemgang af en specifik sideØjeblikkelig feedback på renderet DOMAnalyserer kun det, browseren har indlæst; dækker ikke komplette flows
Suite med CI-integrationTeams med kontinuerlig leveringDetekterer regressioner før publiceringKræver konfiguration og vedligeholdelse af regler
KontrasttjekkerDesign og revision af farvesystemerObjektiv og præcis målingEvaluerer intet ud over farver
SkærmlæserEndelig validering og brugertestReproducerer den faktiske oplevelseStejl indlæringskurve; langsom at udføre
Ekstern auditFormel certificering, offentlige udbudRapport der kan forsvares over for tredjepartOmkostninger og afhængighed af leverandør

La regla práctica: usa la extensión de navegador mientras desarrollas, la suite en CI para no romper lo que ya funcionaba, el verificador de contraste al definir la paleta, el lector de pantalla antes de cada entrega y la auditoría externa solo cuando necesites.

Cómo evaluar una herramienta de accesibilidad antes de adoptarla

At vælge et værktøj baseret på popularitet er en almindelig fejl. Disse kriterier adskiller et nyttigt værktøj fra et, der genererer støj.

Dækning af kriterier og gennemsigtighed. Et godt værktøj angiver, hvilket WCAG-kriterium der svarer til hver advarsel. Hvis den kun viser en “tilgængelighedsfejl” uden at kortlægge den til et succeskriterium, kan du ikke dokumentere overholdelse eller prioritere.

Falsk positiv rate. Advarsler, der ikke er reelle fejl, bruger tid og udhuler holdets tillid. Test værktøjet på et websted, som du allerede ved, opfylder AA-webstandarderne for tilgængelighed, og observer, hvor mange advarsler det genererer.

Relateret: — Den professionelle certificering que acredita tu experiencia and accessibilidad.

ARIA-understøttelse og dynamiske komponenter. Moderne widgets (rullemenuer, modaler, faner, harmonikaer) afhænger af ARIA-tilstande. Et værktøj, der ikke evaluerer ‘aria-udvidede’, ‘aria-kontroller’ eller fokusstyring i modaler, lader de mest alvorlige fejl passere igennem.

Integration med din stack. Hvis du arbejder med ren XHTML og CSS, skal du kontrollere, at værktøjet ikke antager en konkret ramme. Hvis du bruger en build-pipeline, skal du kontrollere, at der er kommandolinjeintegration.

Tilgængelighed af selve værktøjet. En almindelig ironi: nogle revisionsværktøjer er ikke selv tilgængelige med tastaturet. Hvis du skal bruge den dagligt, skal du sikre dig, at den er navigerbar uden mus.

Værd at se: — med en gratis plan for empezar hoy mismo.

Opdatering og vedligeholdelse. WCAG udvikler sig (2.0, 2.1, 2.2), og browsere ændres. Et værktøj uden seneste opdateringer kan anvende forældede regler.

Trin-for-trin AA-arbejdsgang for webtilgængelighed

En gentagelig proces går længere end noget simpelt værktøj. Dette er den rækkefølge, der fungerer i rigtige projekter.

Trin 1 — Definer omfanget og niveauet. Beslut hvilke sider og flows der er inkluderet i revisionen og bekræft, at målet er AA (ikke A eller AAA). Dokumenter WCAG-versionen: 2.2 er den aktuelle W3C-anbefaling.

Trin 2 — Indledende automatiseret revision. Kør nøglesiderne gennem en revisor for at få en baseline. Bemærk de gentagne fejl: de er normalt koncentreret i skabeloner, ikke i individuelle sider.

Trin 3 — Manuel gennemgang af, hvad maskinen ikke kan se. Tjek fanerækkefølgen, fokussynlighed, kvaliteten af ​​alternative tekster, klarheden af ​​fejlmeddelelser og overskrifternes konsistens. Det er her compliance vindes eller tabes.

Trin 4 — Test med en skærmlæser. Gennemgå mindst ét ​​komplet flow (f.eks. en kontaktformular eller et køb) med NVDA eller VoiceOver. Bemærk, hvor du farer vild.

Trin 5 — Prøv med rigtige brugere, når det er muligt. Mennesker med handicap opdager barrierer, som intet værktøj eller ekspert uden den erfaring opfatter. Dette er det mest værdifulde kriterium og det sværeste at erstatte.

Trin 6 — Dokumenter og ret. Registrer hvert fund med dets WCAG-kriterium, den anvendte teknik og beviserne (skærmbillede, browserversion, dato). Denne rekord er det, der gør “vi tror, ​​det overholder” til “vi kan bevise, at det overholder”.

Almindelige fejl når man stræber efter AA-niveau for webtilgængelighed

Forveksler “nul revisorfejl” med overholdelse. En ren rapport fra et automatisk værktøj er ikke lig med AA-overholdelse. Revisorer dækker kun en brøkdel af kriterierne; resten kræver menneskelig dømmekraft.

Ignorer el kontraste en estados interactivos. El kontraste se suele revisar en el estado por defecto, men los estados :hover, :focus og :disabled también deben cumplir. Un botón que pasa en reposo puede fallar al enfocarse.

Brug ARIA til at oprette HTML mal estructurado. La primera regla de ARIA es no usar ARIA og HTML nativo ya resuelve el problema. En <div> med role="button" nunca será tan robusto como un <button> real, que ya gestiona el foco y el teclado.

Olvidar el redimensionado del texto. Kriterium 1.4.4 exige que el texto se pueda ampliar al 200 % sin perdida de contenido ni functionalidad. Los diseños con alturas fijas en píxeles suelen romperse aquí.

No probar en móvil. El reflujo (kriterium 1.4.10) exige que el contenido funcione sin desplazamiento horizontal en pantallas estrechas. Muchos sitios de escritorio conformes fallan en este punto.

Preguntas frecuentes

¿Qué diferencia hay entre accesibilidad A, AA y AAA?

WCAG-overholdelsesniveauer er kumulative. Niveau A dækker 30 grundlæggende kriterier; AA tilføjer 20 mere (50 i alt) og er den standard, der kræves af de fleste love; AAA tilføjer yderligere 28 og er ikke påkrævet i en generel form, fordi nogle kriterier er uoverkommelige på tværs af alt indhold. For de fleste webprojekter er AA et realistisk og tilstrækkeligt mål for adgang til et web.

¿Cuántos criterios de WCAG 2.2 hay que cumplir para el nivel AA?

WCAG 2.2 Niveau AA kræver opfyldelse af 50 succeskriterier: de 30 fra niveau A plus de 20 fra niveau AA. Tallet forbliver det samme som WCAG 2.1, men 2.2 tilføjede også nye kriterier som målstørrelse (2.5.8) og konsekvent hjælp (3.2.6), nogle på niveau A og nogle på niveau AA.

¿Basta con una herramienta automática para cumplir AA?

Nej. Automatiserede værktøjer registrerer objektive og gentagne fejl, men de kan ikke evaluere kriterier, der afhænger af betydning eller kontekst, såsom kvaliteten af ​​alternativ tekst eller nytten af ​​en fejlmeddelelse. AA-overholdelse kræver en kombination af automatiseret revision, manuel gennemgang og test med skærmlæsere og, når det er muligt, med rigtige brugere.

Vil du hjælpe dig med at prøve en situation?

NVDA er gratis og udbredt på Windows, hvilket gør det til den mest tilgængelige mulighed for at starte. JAWS er ​​kommercielt og almindeligt i virksomhedsmiljøer. VoiceOver kommer integreret i macOS og iOS, så det er den naturlige rute, hvis du arbejder i Apples økosystem. Test med mindst to kombinationer af browser og skærmlæser giver et mere pålideligt billede.

¿La accesibilidad AA es obligatoria por ley?

Det afhænger af landet og typen af ​​organisation. I EU stiller webtilgængelighedsdirektivet og EN 301 549-standarden krav til den offentlige sektor og mange private tjenester. I USA genererer Section 508 og ADA lignende forpligtelser. I Latinamerika har flere lande deres egne regler inspireret af WCAG. Det er tilrådeligt at kontrollere den lovgivning, der gælder for dit marked.

¿Cada cuánto hay que reauditar un sitio para mantener el nivel AA?

Der er ingen universel tidsramme, men enhver ændring i design, skabelon eller komponent kan introducere regressioner. En praktisk tilgang er at auditere automatisk under hver implementering via kontinuerlig integration og udføre en fuld manuel gennemgang mindst en gang om året eller efter væsentlige redesigns. Dokumentation af hver audit gør det lettere at påvise vedvarende overholdelse over tid.

Konklusion

Webtilgængelighed AA-overholdelse er ikke købt eller installeret: den er bygget ved at kombinere værktøjer og dømmekraft. Automatiserede auditører fremskynder arbejdet, kontrasttjekkere løser en objektiv fejl, skærmlæsere afslører den virkelige oplevelse, og manuel gennemgang dækker, hvad ingen maskine kan bedømme.

Vælg dine værktøjer i henhold til din arbejdsgang, ikke efter deres popularitet, og dokumenter hver beslutning. For at dykke dybere ned i kriterierne og teknikkerne er den endelige reference fortsat W3C’s WCAG-dokumentation og WAI-initiativets retningslinjer.

Kilder og yderligere læsning

  • Web Content Accessibility Guidelines — Wikipedia: Web Content Accessibility Guidelines (WCAG) er en del af en serie udgivet af Web Accessibility Initiative (WAI) fra World Wide Web Consortium (W3C),…
  • Webtilgængelighed — Wikipedia: Webtilgængelighed eller eAccessibility er den inkluderende praksis for at sikre, at der ikke er nogen barrierer, der forhindrer interaktion med eller adgang til websteder på World Wide Web…

Adgang på 5 minutter

Accessibilidad widget med en gratis plan for empezar hoy mismo