Hopp til hovedinnhold
Niquelao Webtilgjengelighet og front-end-utvikling på spansk: WCAG-standarder, tilgjengelige widgets og utvidelser for Firefox, forklart med ekte kode.

Noen av lenkene på dette nettstedet er affiliate-lenker: hvis du handler via disse, kan vi tjene en kommisjon uten at det koster deg noe ekstra. Dette påvirker aldri våre anbefalinger. Se vår affiliate-erklæring for detaljer. Ansvarsfraskrivelse for affiliate.

Accessibilidad AA Web: Comparativa de Herramientas 2026

AA grupperer 50 suksesskriterier (30 på nivå A + 20 på nivå AA); dette er terskelen for netttilgjengelighet som kreves av de fleste lovverk, inkludert den europeiske EN 301 549.

  • Ingen verktøy oppdager alle feil alene: automatiserte revisorer dekker rundt en tredjedel av kriteriene, så manuell gjennomgang og testing med skjermlesere er obligatorisk.
  • Valget avhenger av arbeidsflyten: nettleserutvidelser for daglig utvikling, suiter med CI for team og eksterne revisjoner for formelle sertifiseringer.
  • De fire typene verktøy du trenger er: automatiserte revisorer, kontrastkontroller, skjermlesere og struktur-/HTML-validatorer.
  • Å dokumentere hver tilgjengelighetsbeslutning (hva som ble testet, med hvilken versjon og i hvilken nettleser) er like viktig som å rette feilen for å bevise samsvar.

Hva «AA» egentlig betyr for netttilgjengelighet

WCAG Level AA er det andre av tre samsvarsnivåer (A, AA og AAA) definert av W3C. Hvert nivå kombinerer kriteriene fra forrige nivå: for å erklære AA-konformitet, må du tilfredsstille 30 nivå A-kriteriene og 20 nivå AA-kriteriene, som tilsvarer 50 suksesskriterier. AAA-nivået legger til 28 flere, og det er sjelden at det kreves fullt ut fordi visse kriterier er umulige å oppfylle i alt innhold.

Den praktiske forskjellen mellom A og AA er betydelig. Nivå A dekker det essensielle (alternativ tekst, semantisk struktur, tastaturnavigasjon). Nivå AA legger til krav som påvirker design og farge: minimum kontrast på 4,5:1 for normal tekst og 3:1 for stor tekst, tekstskalering opptil 200 % uten tap av innhold, teksting av forhåndsinnspilt video, samt overskrifter og etiketter som beskriver formålet med hvert felt.

Det er disse kriteriene som ofte brytes på nettsteder bygget med XHTML og eldre CSS, hvor farge og størrelse ble låst i absolutte piksler.

Den normative referansen det lønner seg å sitere er W3Cs offisielle spesifikasjon for WCAG 2.2, som inkluderer den fullstendige listen over kriterier og deres tilstrekkelige og veiledende teknikker. I en europeisk kontekst harmoniserer standarden EN 301 549 disse kravene for offentlige anskaffelser og direktivet for netttilgjengelighet, mens den tilsvarende referansen i USA er Section 508 og ADA. Det er viktig å kjenne det juridiske rammeverket i ditt marked: mange institusjonelle kunder krever eksplisitt AA-samsvar i anbudsdokumentene for å sikre netttilgjengelighet.

De fire typene verktøy du trenger

Ingen verktøykategori dekker hele WCAG-spekteret for netttilgjengelighet. En seriøs arbeidsflyt kombinerer fire typer, og hver av dem svarer på ulike spørsmål.

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

Automatiserte revisorer. De skanner DOM og CSS etter kjente feilmønstre: bilder uten alt, felt uten etikett, utilstrekkelig kontrast, hoppet over overskrifter, feil bruk av ARIA-attributter. De er raske og oppdager repeterende feil, men dekningen er begrenset: produsentene selv erkjenner at de ikke kan evaluere kriterier som avhenger av mening, som kvaliteten på en alternativ tekst eller tydeligheten i en feilmelding.

Kontrastkontroller. De beregner kontrastforholdet mellom tekstfarge og bakgrunn basert på WCAGs formel for relativ lysstyrke. Dette er små, men kritiske verktøy, fordi kontrast er en av de vanligste feilene og en av de enkleste å måle objektivt.

Skjermlesere. NVDA (Windows, gratis), JAWS (Windows, kommersiell) og VoiceOver (macOS/iOS, integrert) er den ultimate testen. En revisor kan si at et skjema «består», men bare en skjermleser avslører om tabulator-rekkefølgen gir mening eller om en aria-label forvirrer mer enn den hjelper.

Verdt en titt: — Tilgjengelighet: automatisert kombinasjon med menneskelig revisjon.

Struktur- og HTML-validatorer. Sørg for at markeringen er gyldig og semantisk. På XHTML-sider oppdager en validator feil nesting, foreldede attributter og kodingsproblemer som deretter påvirker skjermleserens tolkning.

Sammenligning: hvilket verktøy du bør velge

Neste tabell oppsummerer beslutningskriteriene for å sikre AA-netttilgjengelighet. Dette er ikke en prisliste (som endres ofte og avhenger av lisensen), men en oversikt over hva som passer i ulike scenarier.

Tipo de herramientaCuándo elegirlaFortaleza rektorLimitación clave
Extensión de navegador (auditoría en vivo)Desarrollo diario, revisjon av una página ConcretaTilbakemelding direkte fra DOM renderizadoSolo analiza lo que el navegador ha cargado; ingen cubre flujos completos
Suite med integrering CIEquipos con despliegue continuoDetecta regresiones antes de publicarKrev konfigurasjon og mantenimiento de reglas
Verificador de kontrasteDiseño og revisjon av fargesystemerMedición objetiva y exactaIngen evalua nada más allá del color
Lector de pantallaValidación final y pruebas con usuariosGjengi la experiencia realCurva de aprendizaje alta; lento de ejecutar
Auditoría externaFormell sertifikat, pliegos públicosInforme forsvarbare ante tercerosCoste y dependencia de un proveedor

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

Å velge et verktøy basert på popularitet er en vanlig feil. Disse kriteriene skiller et nyttig verktøy fra et som genererer støy.

Dekning av kriterier og åpenhet. Et godt verktøy indikerer hvilket WCAG-kriterium som tilsvarer hvert varsel. Hvis den kun viser en «tilgjengelighetsfeil» uten å kartlegge den til et suksesskriterium, kan du ikke dokumentere samsvar eller prioritere.

Falsk positiv rate. Varsler som ikke er reelle feil, bruker tid og tærer på teamets tillit. Test verktøyet på et nettsted som du allerede vet oppfyller AA-nettstandardene for tilgjengelighet, og se hvor mange varsler det genererer.

Relatert: — Den profesjonelle sertifiseringen er godkjenning for å oppleve og få tilgang.

ARIA-støtte og dynamiske komponenter. Moderne widgets (rullegardinmenyer, modaler, faner, trekkspill) avhenger av ARIA-tilstander. Et verktøy som ikke evaluerer aria-utvidet, aria-kontroller eller fokusstyring i modaler lar de mest alvorlige feilene passere.

Integrasjon med stabelen din. Hvis du jobber med ren XHTML og CSS, sjekk at verktøyet ikke antar et konkret rammeverk. Hvis du bruker en byggepipeline, kontroller at det er kommandolinjeintegrasjon.

Tilgjengelighet for selve verktøyet. En vanlig ironi: noen revisjonsverktøy er ikke selv tilgjengelige med tastaturet. Hvis du skal bruke den daglig, sørg for at den er navigerbar uten mus.

Verdt en titt: — med gratis plan for empezar Hoy Mismo.

Oppdatering og vedlikehold. WCAG utvikler seg (2.0, 2.1, 2.2) og nettlesere endres. Et verktøy uten nyere oppdateringer kan bruke foreldede regler.

Trinn-for-trinn AA-arbeidsflyt for netttilgjengelighet

En repeterbar prosess går lenger enn noe enkelt verktøy. Dette er rekkefølgen som fungerer i virkelige prosjekter.

Trinn 1 — Definer omfang og nivå. Bestem hvilke sider og flyter som skal inkluderes i revisjonen og bekreft at målet er AA (ikke A eller AAA). Dokumenter WCAG-versjonen: 2.2 er gjeldende W3C-anbefaling.

Trinn 2 — Innledende automatisert revisjon. Kjør nøkkelsidene gjennom en revisor for å få en grunnlinje. Legg merke til de gjentatte feilene: de er vanligvis konsentrert i maler, ikke på individuelle sider.

Trinn 3 — Manuell gjennomgang av hva maskinen ikke ser. Sjekk fanerekkefølgen, fokussynlighet, kvaliteten på alternative tekster, klarheten til feilmeldinger og konsistensen til overskrifter. Det er her overholdelse vinnes eller tapes.

Trinn 4 — Test med en skjermleser. Gå gjennom minst én fullstendig flyt (for eksempel et kontaktskjema eller et kjøp) med NVDA eller VoiceOver. Legg merke til hvor du går deg vill.

Trinn 5 — Prøv med ekte brukere når det er mulig. Mennesker med funksjonshemminger oppdager barrierer som ingen verktøy eller eksperter uten den erfaringen oppfatter. Dette er det mest verdifulle kriteriet og det vanskeligste å erstatte.

Trinn 6 – Dokumenter og korriger. Registrer hvert funn med sitt WCAG-kriterium, den anvendte teknikken og bevisene (skjermbilde, nettleserversjon, dato). Denne posten er det som gjør “vi tror den samsvarer” til “vi kan bevise at den overholder”.

Vanlige feil når man etterstriber AA-nivå for netttilgjengelighet

Forveksler «null revisorfeil» med samsvar. En ren rapport fra et automatisk verktøy er ikke det samme som AA-samsvar. Revisorer dekker bare en brøkdel av kriteriene; resten krever menneskelig dømmekraft.

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

Bruk ARIA for arreglar HTML mal estructurado. La primera regla de ARIA es no usar ARIA og HTML nativo ya resuelve el problema. Un <div> med role="button" será tan robusto como un <button> real, que ya gestiona el foco y el teclado.

Olvidar el redimensionado del texto. Kriteriet 1.4.4 exige que el texto se pueda ampliar all 200 % sin pérdida 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 samsvarer fallan en este punto.

Preguntas frecuentes

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

WCAG-overholdelsesnivåer er kumulative. Nivå A dekker 30 grunnleggende kriterier; AA legger til 20 flere (50 totalt) og er standarden som kreves av de fleste lover; AAA legger til ytterligere 28 og er ikke nødvendig i en generell form fordi noen kriterier er uoverkommelige på tvers av alt innhold. For de fleste nettprosjekter er AA et realistisk og tilstrekkelig mål for tilgang til web.

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

WCAG 2.2 Nivå AA krever oppfyllelse av 50 suksesskriterier: de 30 fra Nivå A pluss 20 fra Nivå AA. Tallet forblir det samme som WCAG 2.1, men 2.2 la også til nye kriterier som målstørrelse (2.5.8) og konsekvent hjelp (3.2.6), noen på nivå A og noen på nivå AA.

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

Nei. Automatiserte verktøy oppdager objektive og repeterende feil, men de kan ikke evaluere kriterier som avhenger av mening eller kontekst, for eksempel kvaliteten på alternativ tekst eller nytten av en feilmelding. AA-samsvar krever å kombinere automatisert revisjon, manuell gjennomgang og testing med skjermlesere og, når det er mulig, med ekte brukere.

¿Hvis du vil hjelpe deg med å prøve en situasjon?

NVDA er gratis og mye brukt på Windows, noe som gjør det til det mest tilgjengelige alternativet å starte. JAWS er ​​kommersiell og vanlig i bedriftsmiljøer. VoiceOver kommer integrert i macOS og iOS, så det er den naturlige ruten hvis du jobber i Apple-økosystemet. Testing med minst to kombinasjoner av nettleser og skjermleser gir et mer pålitelig bilde.

¿La accesibilidad AA es obligatoria por ley?

Det avhenger av land og type organisasjon. I EU stiller nettilgjengelighetsdirektivet og EN 301 549-standarden krav til offentlig sektor og mange private tjenester. I USA genererer seksjon 508 og ADA lignende forpliktelser. I Latin-Amerika har flere land sitt eget regelverk inspirert av WCAG. Det er tilrådelig å kontrollere lovgivningen som gjelder for ditt marked.

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

Det er ingen universell tidsramme, men enhver endring i design, mal eller komponent kan introdusere regresjoner. En praktisk tilnærming er å revidere automatisk under hver distribusjon via kontinuerlig integrasjon og utføre en fullstendig manuell gjennomgang minst én gang i året eller etter betydelige redesign. Dokumentering av hver revisjon gjør det lettere å demonstrere vedvarende samsvar over tid.

Konklusjon

Netttilgjengelighet AA-samsvar kjøpes eller installeres ikke: den bygges ved å kombinere verktøy og dømmekraft. Automatiserte revisorer setter fart på arbeidet, kontrastkontrollere løser en objektiv feil, skjermlesere avslører den virkelige opplevelsen, og manuell gjennomgang dekker det ingen maskin kan bedømme.

Velg verktøyene dine i henhold til arbeidsflyten din, ikke i henhold til deres popularitet, og dokumenter hver beslutning. For å gå dypere inn i kriteriene og teknikkene, forblir den definitive referansen W3Cs WCAG-dokumentasjon og WAI-initiativets retningslinjer.

Kilder og videre lesing

  • Web Content Accessibility Guidelines — Wikipedia: Web Content Accessibility Guidelines (WCAG) er en del av en serie utgitt av Web Accessibility Initiative (WAI) fra World Wide Web Consortium (W3C),…
  • Netttilgjengelighet — Wikipedia: Netttilgjengelighet, eller e-tilgjengelighet, er den inkluderende praksisen for å sikre at det ikke er noen barrierer som hindrer interaksjon med eller tilgang til nettsteder på verdensveven…

Tilgjengelighet på 5 minutter

Tilgjengelighetswidget med gratis plan for empezar Hoy Mismo