Hoppa till huvudinnehåll
Niquelao Webbtillgänglighet och front-end-utveckling på spanska: WCAG-standarder, tillgängliga widgets och tillägg för Firefox, förklarat med riktig kod.

Vissa länkar på denna webbplats är affiliatelänkar: om du handlar via dem kan vi få en provision utan extra kostnad för dig. Detta påverkar aldrig våra rekommendationer. Se vår affiliatedeklaration för mer information. Ansvarsfriskrivning för affiliate.

Accessibilidad AA Web: Comparativa de Herramientas 2026

AA webbtillgänglighet hänvisar till AA överensstämmelsenivån i Web Content Accessibility Guidelines (WCAG) 2.2, publicerad av W3C, som kräver att de 30 nivå A-kriterierna plus 20 nivåer AA-kriterier måste uppfyllas (50 totalt). För detta kombinerar team tre typer av verktyg: automatiserade revisorer, kontrastassistenter och skärmläsare, förutom en manuell granskning.

Viktiga punkter

  • WCAG 2.2 nivå AA omfattar 50 framgångskriterier (30 på nivå A + 20 på nivå AA); det är tröskeln för webbtillgänglighet som krävs i de flesta lagstiftningar, inklusive den europeiska EN 301 549.
  • Inget verktyg upptäcker alla fel på egen hand: automatiserade granskare täcker ungefär en tredjedel av kriterierna, så manuell granskning och tester med skärmläsare är obligatoriska.
  • Valet beror på arbetsflödet: webbläsartillägg för daglig utveckling, sviter med CI för team och externa revisioner för formella certifieringar.
  • De fyra typerna av verktyg du behöver är: automatiserade granskare, kontrastkontroller, skärmläsare och struktur-/HTML-validerare.
  • Att dokumentera varje tillgänglighetsbeslut (vad som testades, med vilken version och i vilken webbläsare) är lika viktigt som att åtgärda felet för att bevisa överensstämmelse.

Vad “AA” egentligen betyder inom webbtillgänglighet

WCAG Level AA är den andra av tre överensstämmelsenivåer (A, AA och AAA) som definieras av W3C. Varje nivå kombinerar kriterierna från den föregående nivån: för att deklarera AA-konformitet måste du uppfylla 30 nivå A-kriterierna och 20 nivå AA-kriterierna, vilket motsvarar 50 framgångskriterier. AAA-nivån lägger till 28 fler och det är sällsynt att den efterfrågas fullt ut eftersom vissa kriterier är omöjliga att uppfylla i allt innehåll.

Den praktiska skillnaden mellan A och AA är betydande. Nivå A täcker det väsentliga (alternativ text, semantisk struktur, tangentbordsnavigering). Nivå AA lägger till krav som påverkar design och färg: minimikontrast på 4,5:1 för vanlig text och 3:1 för stor text, textförstoring upp till 200 % utan förlust av innehåll, undertexter i förinspelad video, samt rubriker och etiketter som beskriver syftet med varje fält.

Det är dessa kriterier som ofta brister på webbplatser byggda med äldre XHTML och CSS, där färg och storlek fixerades i absoluta pixlar.

Den normativa referens som bör citeras är W3C:s officiella specifikation för WCAG 2.2, som innehåller den fullständiga listan över kriterier och deras tillräckliga och rådgivande tekniker. I ett europeiskt sammanhang harmoniserar standarden EN 301 549 dessa krav för offentlig upphandling och direktivet om webbtillgänglighet, medan motsvarande referens i USA är Section 508 och ADA. Att känna till det juridiska ramverket på din marknad är viktigt: i Spanien och Latinamerika kräver många institutionella kunder explicit AA-överensstämmelse i anbudshandlingarna för att säkerställa webbtillgänglighet.

De fyra typerna av verktyg du behöver

Ingen verktygskategori täcker hela WCAG-spektrumet för webbtillgänglighet. Ett seriöst arbetsflöde kombinerar fyra typer, och varje typ svarar på olika frågor.

Relaterat: — Superposición de IA que promete cumplimiento WCAG en 48 horas.

Automatiserade granskare. De skannar DOM och CSS efter kända felmönster: bilder utan alt, fält utan etikett, otillräcklig kontrast, hoppade rubriker, felaktigt använda ARIA-attribut. De är snabba och upptäcker repetitiva fel, men deras täckning är partiell: tillverkarna själva erkänner att de inte kan utvärdera kriterier som beror på betydelse, såsom kvaliteten på en alternativ text eller tydligheten i ett felmeddelande.

Kontrastkontroller. De beräknar kontrastförhållandet mellan textfärg och bakgrund enligt WCAG:s formel för relativ luminans. Det är små men kritiska verktyg, eftersom kontrast är ett av de vanligaste felen och ett av de enklaste att mäta objektivt.

Skärmläsare. NVDA (Windows, gratis), JAWS (Windows, kommersiell) och VoiceOver (macOS/iOS, integrerad) är det slutgiltiga testet. En granskare kan säga att ett formulär “godkänns”, men endast en skärmläsare avslöjar om tabuleringsordningen är logisk eller om en aria-label förvirrar mer än den hjälper.

Värt att titta på: — Accesibilidad gestionada: automatización combinada con revisión humana.

Struktur- och HTML-validerare. Se till att uppmärkningen är giltig och semantisk. På XHTML-sajter upptäcker en validator felaktig kapsling, föråldrade attribut och kodningsproblem som sedan påverkar skärmläsarens tolkning.

Jämförelse: vilket verktyg du ska välja beroende på situation

La följande tabla resume el criterio decisión para asegurar la accesibilidad AA web. No es una lista de precios (que cambian con frecuencia y dependen de la licencia), sino de encaje por escenario.

VerktygstypCuándo elegirlaHuvudstyrkaLimitación clave
Extensión de navegador (auditoría en vivo)Desarrollo diario, revisión de una página concretaFeedback inmediato sobre el DOM renderizadoSolo analiza lo que el navegador ha cargado; ingen cubre flujos completos
Svit med CI-integrationEquipos con despliegue continuoDetecta regresiones antes de publicarKräv konfiguration och mantenimiento de reglas
Verificador de contrasteDiseño y revisión de system de colorMedición objetiva y exactaUtvärderar inget utöver färg
Lector de pantallaValidación final y pruebas con usuariosReproducera la experiencia realCurva de aprendizaje alta; lento de ejecutar
Auditoría externaCertificación formal, pliegos públicosRapport som är försvarbar inför tredje partCoste y dependencia de un proveedor

Tumregel: använd webbläsartillägget under utveckling, sviten i CI för att inte förstöra det som redan fungerade, kontrastkontrollen när du definierar paletten, skärmläsaren före varje leverans och den externa revisionen endast när du behöver ett formellt dokument.

Cómo evaluar una herramienta de accesibilidad antes de adoptarla

Att välja ett verktyg baserat på popularitet är ett vanligt misstag. Dessa kriterier skiljer ett användbart verktyg från ett som genererar brus.

Täckning av kriterier och transparens. Ett bra verktyg anger vilket WCAG-kriterium som motsvarar varje larm. Om den bara visar ett “tillgänglighetsfel” utan att mappa det till ett framgångskriterium kan du inte dokumentera efterlevnad eller prioritera.

Falsk positiv frekvens. Varningar som inte är riktiga misslyckanden tar tid och urholkar teamets förtroende. Testa verktyget på en webbplats som du redan vet uppfyller AA-webbstandarderna för tillgänglighet och observera hur många varningar det genererar.

Relaterat: — La certificación profesional que acredita tu experiencia and accesibilidad.

ARIA-stöd och dynamiska komponenter. Moderna widgets (rullgardinsmenyer, modaler, flikar, dragspel) beror på ARIA-tillstånd. Ett verktyg som inte utvärderar aria-expanderade, aria-kontroller eller fokushantering i modaler låter de allvarligaste felen passera igenom.

Integration med din stack. Om du arbetar med ren XHTML och CSS, kontrollera att verktyget inte antar ett konkret ramverk. Om du använder en byggpipeline, kontrollera att det finns kommandoradsintegration.

Tillgänglighet för själva verktyget. En vanlig ironi: vissa granskningsverktyg är inte i sig tillgängliga med tangentbordet. Om du ska använda den dagligen, se till att den är navigerbar utan mus.

Värt att titta på: — Widget för accessibilidad med plan gratis för empezar Hoy Mismo.

Uppdatering och underhåll. WCAG utvecklas (2.0, 2.1, 2.2) och webbläsare ändras. Ett verktyg utan de senaste uppdateringarna kan tillämpa föråldrade regler.

Steg-för-steg AA-arbetsflöde för webbtillgänglighet

En repeterbar process går längre än något enkelt verktyg. Detta är den ordning som fungerar i riktiga projekt.

Steg 1 — Definiera omfattning och nivå. Bestäm vilka sidor och flöden som ingår i revisionen och bekräfta att målet är AA (inte A eller AAA). Dokumentera WCAG-versionen: 2.2 är den aktuella W3C-rekommendationen.

Steg 2 — Initial automatiserad granskning. Kör nyckelsidorna genom en revisor för att få en baslinje. Observera de upprepade felen: de är vanligtvis koncentrerade till mallar, inte på enskilda sidor.

Steg 3 — Manuell granskning av vad maskinen inte ser. Kontrollera flikordningen, fokussynlighet, kvaliteten på alternativa texter, tydligheten i felmeddelanden och överensstämmelsen i rubrikerna. Det är här efterlevnad vinnas eller förloras.

Steg 4 — Testa med en skärmläsare. Gå igenom minst ett komplett flöde (till exempel ett kontaktformulär eller ett köp) med NVDA eller VoiceOver. Notera var du går vilse.

Steg 5 — Försök med riktiga användare när det är möjligt. Människor med funktionshinder upptäcker hinder som inget verktyg eller expert utan den erfarenheten uppfattar. Detta är det mest värdefulla kriteriet och det svåraste att ersätta.

Steg 6 — Dokumentera och korrigera. Registrera varje fynd med dess WCAG-kriterium, den tillämpade tekniken och bevisen (skärmdump, webbläsarversion, datum). Det här rekordet är det som förvandlar “vi tror att det överensstämmer” till “vi kan bevisa att det följer”.

Vanliga misstag när man strävar efter nivå AA för webbtillgänglighet

Att blanda ihop “noll revisorsfel” med efterlevnad. En ren rapport från ett automatiskt verktyg är inte detsamma som AA-efterlevnad. Revisorer täcker endast en bråkdel av kriterierna; resten kräver mänskligt omdöme.

**Att ignorera kontrast i interaktiva tillstånd. Kontrast granskas ofta i standardläget, men även tillstånden :hover, :focus och :disabled måste uppfyllas. En knapp som godkänns i vila kan fallera vid fokus.

Att använda ARIA för att laga felstrukturerad HTML. Den första regeln för ARIA är att inte använda ARIA om nativ HTML redan löser problemet. En <div> med role="button" kommer aldrig att vara lika robust som en riktig <button>, som redan hanterar fokus och tangentbord.

Att glömma textförstoring. Kriterium 1.4.4 kräver att text kan förstoras till 200 % utan förlust av innehåll eller funktionalitet. Designer med fasta höjder i pixlar brukar ofta brista här.

Att inte testa på mobil. Reflow (kriterium 1.4.10) kräver att innehållet fungerar utan horisontell scrollning på smala skärmar. Många webbplatser som är överensstämda för skrivbord fallerar i denna punkt.

Vanliga frågor

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

WCAG-efterlevnadsnivåerna är kumulativa. Nivå A omfattar 30 grundläggande kriterier; AA lägger till 20 till (50 totalt) och är standarden som krävs av de flesta lagar; AAA lägger till ytterligare 28 och krävs inte i en allmän form eftersom vissa kriterier är oöverkomliga för allt innehåll. För de flesta webbprojekt är AA ett realistiskt och tillräckligt mål för accessibilidad aa webb.

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

WCAG 2.2 Nivå AA kräver uppfyllande av 50 framgångskriterier: de 30 från Nivå A plus de 20 från Nivå AA. Siffran förblir densamma som WCAG 2.1, men 2.2 lade också till nya kriterier som målstorlek (2.5.8) och konsekvent hjälp (3.2.6), några på nivå A och några på nivå AA.

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

Nej. Automatiserade verktyg upptäcker objektiva och repetitiva fel, men de kan inte utvärdera kriterier som beror på innebörd eller sammanhang, såsom kvaliteten på alternativ text eller användbarheten av ett felmeddelande. AA-efterlevnad kräver att automatiserad revision, manuell granskning och testning kombineras med skärmläsare och, när det är möjligt, med riktiga användare.

¿Qué lector de pantalla conviene usar para probar un sitio?

NVDA är gratis och används ofta på Windows, vilket gör det till det mest tillgängliga alternativet att starta. JAWS är kommersiellt och vanligt i företagsmiljöer. VoiceOver kommer integrerat i macOS och iOS, så det är den naturliga vägen om du arbetar i Apples ekosystem. Att testa med minst två kombinationer av webbläsare och skärmläsare ger en mer tillförlitlig bild.

¿La accesibilidad AA es obligatoria por ley?

Det beror på land och typ av organisation. Inom Europeiska unionen ställer webbtillgänglighetsdirektivet och standarden EN 301 549 krav på den offentliga sektorn och många privata tjänster. I USA genererar Section 508 och ADA liknande skyldigheter. I Latinamerika har flera länder sina egna regler inspirerade av WCAG. Det är tillrådligt att kontrollera den lagstiftning som är tillämplig på din marknad.

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

Det finns ingen universell tidsram, men varje förändring i design, mall eller komponent kan introducera regressioner. Ett praktiskt tillvägagångssätt är att granska automatiskt under varje driftsättning via kontinuerlig integration och utföra en fullständig manuell granskning minst en gång om året eller efter betydande omkonstruktioner. Att dokumentera varje granskning gör det lättare att påvisa hållbar efterlevnad över tid.

Slutsats

Webbtillgänglighet AA-kompatibilitet köps eller installeras inte: den byggs genom att kombinera verktyg och omdöme. Automatiserade granskningsverktyg påskyndar arbetet, kontrastkontroller löser ett objektivt misslyckande, skärmläsare avslöjar den verkliga upplevelsen och manuell granskning täcker vad ingen maskin kan bedöma.

Välj dina verktyg efter ditt arbetsflöde, inte efter deras popularitet, och dokumentera varje beslut. För att fördjupa sig i kriterierna och teknikerna förblir den definitiva referensen W3C:s WCAG-dokumentation och WAI-initiativets riktlinjer.

Källor & vidare läsning

  • Web Content Accessibility Guidelines — Wikipedia: Web Content Accessibility Guidelines (WCAG) är en del av en serie publicerad av Web Accessibility Initiative (WAI) av World Wide Web Consortium (W3C),…
  • Webbtillgänglighet — Wikipedia: Webbtillgänglighet, eller e-tillgänglighet, är den inkluderande praxis att säkerställa att det inte finns några hinder som hindrar interaktion med eller åtkomst till webbplatser på World Wide Web…

Añade accesibilidad på 5 minuter

Widget för accessibilidad med plan gratis för empezar Hoy Mismo