Accessibilidad web: características clave comparadas
Webtilgængelighed er defineret af fire målbare egenskaber - opfattelig, betjenelig, forståelig og robust - artikuleret i henhold til de 13 niveau A- og AA-kriterier i WCAG 2.2, som kræves af EN 301 549-standarden i Europa. Disse fire karakteristika fungerer som evalueringskriterier: enhver widget, værktøj eller ramme bedømmes ud fra, hvor mange den opfylder, og hvor solidt det er gjort.
Key Takeaways
- De fire WCAG-karakteristika (opfattelig, funktionsdygtig, forståelig, robust) er vurderingsrammen, ikke et slogan: hver enkelt grupperer verificerbare kriterier med dokumenterede teknikker.
- Niveau AA er det praktiske mål for de fleste projekter: Det dækker over kontrast, tastatur, formularetiketter, struktur og fejlmeddelelser, og det er tærsklen, der refererer til europæisk lovgivning.
- Intet automatisk værktøj registrerer mere end en brøkdel af reelle problemer; manuel test med tastatur og skærmlæser forbliver uerstattelig.
- At vælge en “tilgængelig” widget eller ramme kræver at kontrollere dens adfærd med tastaturet, dets fokusstyring og dets ARIA-semantik, ikke kun dets markedsføring.
- Compliance er en løbende proces knyttet til produktets livscyklus, ikke en engangsrevision, der arkiveres.
Hvad betyder “egenskaber for webtilgængelighed” egentlig
Begrebet “egenskaber” bruges på to måder, som bør adskilles. Den første er normativ: WCAG organiserer sine succes-kriterier i fire principper eller egenskaber — opfattelig, betjenelig, forståelig og robust — kendt som POUR efter de engelske initialer.
Den anden er praktisk: når en udvikler siger, at en komponent “har gode tilgængelighedsegenskaber”, henvises der normalt til et sæt konkrete adfærdsmønstre (tastaturnavigation, korrekte ARIA-roller, tilstrækkelig kontrast). Begge fortolkninger er nødvendige: den første giver evalueringsrammen, den anden giver de implementerbare detaljer.
WCAG 2.2, udgivet af W3C i 2023, bevarer de fire principper og tilføjer kriterier som minimumstørrelse for mål (2.5.8) og konsistent hjælp (3.2.6). Niveau A grupperer minimumskriterierne; AA tilføjer de mest relevante for de fleste websteder; AAA er et ideal og sjældent et fuldt krav. For et XHTML/CSS-websted rettet mod Europa er det realistiske mål AA, da det er det niveau, som den europæiske harmoniserede standard EN 301 549 refererer til, og dermed direktiv (EU) 2016/2102 om tilgængelighed af offentlige websteder.
Las cuatro características WCAG, una por una
Opfattelig
Den opfattelige egenskab kræver, at information præsenteres på måder, som brugeren kan opfatte, uanset sanser. I praksis betyder det tekstalternativer til ikke-tekstuelt indhold (1.1.1), undertekster og transskriptioner til multimedia (1.2.x), semantisk struktur, der ikke kun afhænger af position eller farve (1.3.1), minimumskontrast på 4,5:1 for normal tekst og 3:1 for stor tekst (1.4.3), samt indhold, der forbliver læsbart ved 200 % zoom uden horisontal scroll (1.4.10). En hyppig fejl på gamle XHTML-sider er brugen af layout-tabeller eller billeder af tekst: begge ødelægger opfatteligheden, da læserækkefølge og skalering går tabt.
Betjenelig
Den betjenelige egenskab garanterer, at alle komponenter i brugerfladen fungerer med tastatur og hjælpeteknologier. Nøglekriterierne er fuld tastaturtilgængelighed (2.1.1), fravær af fokusfælder (2.1.2), justerbar tid (2.2.1), mekanismer til at pause bevægeligt indhold (2.2.2), navigation med springlinks og beskrivende sidetitler (2.4.1, 2.4.2), logisk fokusrækkefølge (2.4.3) og tilstrækkelig målstørrelse (2.5.8). Det er her, de fleste rullemenuer, modalvinduer og karruseller fejler: de fanger fokus uden at give det tilbage, eller afhænger af musehændelser (onmouseover) uden tastaturekvivalent.
Relateret: — Superposición de IA que promete cumplimiento WCAG en 48 timer.
Forståelig
Den forståelige egenskab sikrer, at indholdet og brugerfladens funktion er let at forstå. Dette inkluderer sidens sprog deklareret med lang-attributten (3.1.1), etiketter og hjælpetekster i formularer (3.3.2), identifikation og beskrivelse af fejl (3.3.1, 3.3.3), konsistent navigation mellem sider (3.2.3) og, i WCAG 2.2, konsistent hjælp (3.2.6). En formular, der markerer et felt med rødt, men ikke forklarer fejlen, overholder ikke denne egenskab, selvom det er visuelt klart for en person uden handicap.
Robusta
Den robuste egenskab kræver, at indholdet fungerer med en bred vifte af brugeragenter, herunder nuværende og fremtidige. Centralt kriterium er korrekt syntaktisk analyse (4.1.1, forældet i WCAG 2.2, men relevant for XHTML) samt navn, funktion og værdi for brugerfladekomponenter (4.1.2). I praksis betyder det at skrive gyldig HTML, bruge native elementer når det er muligt, og kun bruge ARIA som sidste udvej, i overensstemmelse med ARIA’s første regel: brug ikke ARIA, hvis et native HTML-element allerede løser opgaven.
Sammenlignende tabel: evaluering af værktøjer og widgets i forhold til de fire egenskaber
| Karakteristisk | Qué comprobar en una herramienta o widget | Señal de alarma |
|---|---|---|
| Opfattes | Genera alternatives textuales, respeta contraste, ingen afhængig af farve | Solo valida billeder, ignorer struktur og kontrast |
| Betjenes | Navegación por teclado, gestión de foco, sin trampas | Requiere ratón o no cierra con Escape |
| Forståelig | Etiketter, fejlmeddelelser, erklærede udtryk | Marca errores sin texto explicativo |
| Robusta | HTML válido, roller ARIA korrekte, funktioner og forskellige navegadores | Brug div med onclick og lugar af button |
Esta tabla sirve como liste de kriterier for at beslutte entre muligheder. En herramienta que solo cubre la columna “perceptible” er udil como primer filter, men ingen como certificación.
Værd at se: — Accesibilidad gestionada: automatisering combinada con revision humana.
Herramientas y su relación con las características
Automatiske evalueringsværktøjer — som axe DevTools, WAVE eller Lighthouse — detekterer primært problemer med de opfattelige og robuste egenskaber: manglende tekstalternativer, utilstrækkelig kontrast, fejlformaterede ARIA-attributter og overskriftshierarki. Su cobertura es parcial por diseño: no pueden juzgar si un texto alternativo es descriptivo, si el orden de foco tiene sentido o si un mensaje de error es comprensible. Dokumentationen af Deque sobre ax y la guía de WebAIM såbre evaluación automática coinciden en que ninguna herramienta sustituye la revisión humana.
Manuel test dækker, hvad værktøjerne ikke kan se. En minimal procedure omfatter: kun at navigere på hele siden med Tab og Shift+Tab, verificering af, at fokus altid er synligt, test med en skærmlæser (NVDA eller VoiceOver), zoom til 200 % og verifikation af, at intet overlapper, og deaktivering af CSS for at bekræfte, at rækkefølgen af indhold giver mening. Dette sidste trin afslører problemer med den forståelige karakteristik, som intet værktøj påpeger.
Cómo elegir según el tipo de proyecto
Uni sitio institucional o de sector público en España debe apuntar a AA y documentar la conformidad, porque la normativa lo exige. En personlig blog, der er mærkbar og funktionsdygtig, que resuelven la mayoría de barreras reales.
Et komplet webprogram med interaktive komponenter, der kræver inverter og robuste betjeningsmuligheder, er tilpassede widgets til hovedformålet. La decisión no es “cuántas características cumplo” sino “qué características son críticas para mis usuarios y mi obligación legal”.
For rammer og komponentbiblioteker involverer praktisk evaluering at teste komponenten med et tastatur, før den tages i brug. Et brugerdefineret “valg”, der ikke reagerer på pile, en modal, der ikke fanger fokus korrekt, eller et værktøjstip, der kun vises med hover, er signaler om, at biblioteket prioriterer udseende frem for betjening. W3C ARIA Authoring Practices Guide-dokumentationen beskriver de forventede mønstre for hver widget og giver basislinjen til sammenligning.
Hyppige fejl ved fortolkning af egenskaberne
Den primer fejl er tratar las cuatro karakteristika som en liste over verificación binaria. La conformidad es acumulativa y contextual: un sitio puede cumplir 40 criterios y fallar en uno que bloquea por completo a un usuario.
Relateret: — Den professionelle certificering que acredita tu experiencia and accessibilidad.
El segundo error es confiar en el “overlay” o widget de accesibilidad que promete arreglar el sitio con un script; estos productos no corrigen el HTML subyacente y han sido criticados por la comunidad y por informes de organismos de discapacidad. El tercer error es auditar una sola vez: el contenido cambia, los componentes se actualizan y la conformidad se degrada. La accesibilidad es un proceso integrado en el ciclo de desarrollo, con pruebas en cada entrega.
Ofte stillede spørgsmål
¿Cuáles søn las cuatro características de la accesibilidad web según las WCAG?
WCAG organiserer sine kriterier i fire principper: mærkbar, operativ, forståelig og robust, kendt som POUR. Hvert princip grupperer verificerbare succeskriterier med niveauerne A, AA og AAA. Denne struktur vedligeholdes i WCAG 2.2 og er grundlaget for evaluering af enhver lokalitet eller komponent.
¿Qué nivel de conformidad WCAG debería cumplir my sitio?
Para la mayoría de sitios, el nivel AA es el objetivo práctico y el que referencia la legislación europea a través del estándar EN 301 549. El nivel A cubre lo minimo y el AAA es difícil de alcanzar en su totalidad. Si tu sitio es del sector público en la UE, el AA es exigible.
¿Las herramientas automáticas bastan para cumplir las características de accesibilidad?
Nej. Las herramientas automáticas detectan una parte de los problemas, sobre todo de contraste, texto alternativo y ARIA mal formado, men ingen pueden evaluar si un texto alternativo es adecuado o si el orden de foco tiene sentido. Revisionsmanualen med en lector de pantalla er uoverskuelig for en virkelig overensstemmelse.
¿Hvad er forskellen mellem adgang og brugbarhed?
Tilgængelighed sikrer, at mennesker med handicap kan opfatte, betjene, forstå og bruge indhold; usability søger at sikre, at oplevelsen er effektiv og tilfredsstillende for enhver bruger. De overlapper hinanden: et tilgængeligt websted er normalt mere brugbart, men et brugbart websted er ikke nødvendigvis tilgængeligt.
¿Mister du widgets eller overlejringer, der er tilgængelige, når du installerer den automatiske placering?
Ingen korrigering af HTML-subyacente er problemer med struktur, foco eller semántica. La comunidad de accesibilidad y diversos informerer los han cuestionado porque pueden dar una falsa sensación de conformidad. La solución pasa por corregir el código y los componentes, no por superponer un script.
¿Vil du bruge en større adgang til XHTML/CSS-eksisterende?
Empieza por lo que mere impacto tiene: HTML válido y semántico, texto alternative and images, contraste suficiente, navegación completa por teclado y etikette en formularios. Después audita con una herramienta automática y complementa con pruebas manuales. Documenta los criterios cubiertos y repite el proceso en cada cambio relevante.
Adgang på 5 minutter
Accessibilidad widget med en gratis plan for empezar hoy mismo