Llista de verificació de conformitat ADA Títol III

La base legal: el Títol III de l’ADA i els llocs web

El Títol III de l’Americans with Disabilities Act (ADA) prohibeix la discriminació per motiu de discapacitat en llocs d’accés públic. L’ADA es va promulgar el 1990, abans que existís el web comercial — cosa que ha generat dècades de litigis sobre si els llocs web es qualifiquen com «llocs d’accés públic».

El panorama legal actual ha resolt majoritàriament aquesta qüestió a favor de la inclusió. La majoria de tribunals federals que han abordat el tema han determinat que els llocs web operats per empreses obertes al públic estan coberts pel Títol III. El Departament de Justícia (DOJ) va publicar una guia formal el març de 2022 confirmant que l’ADA s’aplica als llocs web. L’abril de 2024, el DOJ va publicar una norma final sota el Títol II (que cobreix els governs estatals i locals) adoptant explícitament la WCAG 2.1 Nivell AA — establint un senyal fort del que el Títol III finalment codificarà.

El resultat pràctic: si operes un lloc web mitjançant el qual els clients accedeixen a béns, serveis o informació, el Títol III de l’ADA s’aplica a aquest lloc web.

Què significa «accessible» sota l’ADA

L’ADA no defineix un estàndard tècnic específic per a l’accessibilitat web. Els tribunals i el DOJ han tractat de manera consistent la conformitat amb les Web Content Accessibility Guidelines (WCAG) 2.1 Nivell AA com el referent per determinar si un lloc web compleix el requisit de no discriminació de l’ADA. La WCAG 2.1 AA és l’estàndard utilitzat en gairebé tots els acords de resolució del DOJ i en la majoria dels plans de conformitat supervisats per tribunals.

La llista de verificació següent relaciona els criteris d’èxit més crítics de la WCAG 2.1 AA amb obligacions de conformitat pràctiques.

Llista de verificació de conformitat web del Títol III de l’ADA

1. Alternatives textuals per a contingut no textual

Cada imatge amb significat té un atribut alt que transmet el seu propòsit
Les imatges decoratives tenen un alt="" buit perquè els lectors de pantalla les ometin
Les icones utilitzades com a botons o enllaços tenen noms accessibles (mitjançant aria-label o text visible)
Els gràfics i infografies tenen descripcions textuals o taules de dades com a alternativa
El CAPTCHA proporciona una alternativa d’àudio juntament amb el repte visual

Per què és important: Els usuaris de lectors de pantalla no reben cap informació sobre una imatge sense text alt. Un botó de pagament etiquetat només amb una icona i sense nom accessible és, de fet, invisible per a un usuari de lector de pantalla.

2. Subtítols i transcripcions per als mitjans

Els vídeos pregravats tenen subtítols sincronitzats
Les emissions de vídeo en directe tenen subtítols en temps real
El contingut d’àudio pregravat (podcasts) té una transcripció textual
Els vídeos pregravats amb àudio important tenen una transcripció disponible
Els subtítols generats automàticament es revisen i corregeixen abans de publicar-los

Per què és important: Els subtítols són el mitjà principal pel qual els usuaris sords o amb discapacitat auditiva accedeixen al contingut de vídeo. Els subtítols generats automàticament amb errors no satisfan el requisit.

3. Color i disseny visual

La informació no es transmet mai només mitjançant el color (p. ex., els camps obligatoris es marquen amb text o una icona, no només amb una vora vermella)
El text normal (menys de 18pt / 14pt en negreta) compleix una relació de contrast d’almenys 4,5:1 respecte al fons
El text gran (18pt+ o 14pt+ en negreta) compleix una relació de contrast d’almenys 3:1
Els components de la interfície (botons, camps, indicadors de focus) tenen almenys 3:1 de contrast respecte als colors adjacents
Els estats d’error comuniquen l’error amb text, no només mitjançant un canvi de color

Per què és important: Aproximadament el 8% dels homes i el 0,5% de les dones tenen algun tipus de deficiència en la visió dels colors. Confiar només en el color exclou una part significativa dels teus usuaris.

4. Accessibilitat amb teclat

Tots els elements interactius (enllaços, botons, formularis, menús, finestres modals, selectors de data) es poden abastar i operar només amb teclat
L’ordre de tabulació segueix una seqüència lògica i predictible
Sense trampes de teclat — els usuaris poden entrar i sortir de cada component amb les tecles estàndard
Els widgets personalitzats (desplegables, controls lliscants, diàlegs) implementen els patrons d’interacció de teclat esperats
Un enllaç «saltar al contingut principal» és el primer element focalitzable a cada pàgina

Per què és important: Els usuaris amb discapacitats motrius, molts dels quals depenen de la navegació amb teclat o de dispositius d’accés per commutador, no poden utilitzar un ratolí. Un lloc que requereix interacció amb el ratolí per a funcions bàsiques els resulta inaccessible.

5. Visibilitat del focus

El focus del teclat és sempre visible — apareix un indicador de focus clar (contorn, ressaltat, subratllat) a l’element actiu
L’indicador de focus no es suprimeix amb outline: none o outline: 0 sense un substitut
L’indicador de focus té prou contrast respecte al contingut circumdant

Per què és important: Sense un indicador de focus visible, els usuaris de teclat no poden saber on es troben a la pàgina — equivalent a navegar sense cursor.

6. Sense contingut que provoqui convulsions

Cap contingut parpelleja més de tres vegades per segon
Les animacions que no es poden desactivar no ocupen grans porcions de la finestra a alta freqüència
Els efectes de paral·laxi i les animacions de reproducció automàtica es poden aturar o reduir mitjançant la consulta de mitjans prefers-reduced-motion

Per què és important: L’epilèpsia fotosensible afecta una part significativa de la població. Un únic anunci intermitent pot desencadenar una convulsió.

7. Temps suficient per completar les tasques

Els temps d’espera de sessió avisen els usuaris abans de caducar i els donen una manera d’estendre la sessió
El contingut que s’actualitza automàticament (tiquers de notícies, resultats en directe, bàners rotatius) es pot posar en pausa, aturar o amagar
No s’imposen límits de temps a tasques crítiques (pagament, enviament de formularis) sense un mecanisme d’ampliació adequat

Per què és important: Els usuaris amb discapacitats cognitives, discapacitats motrius o que utilitzen tecnologia assistiva sovint necessiten més temps per completar tasques. Els temps d’espera abruptes poden fer perdre el progrés.

8. Navegació i orientació

Cada pàgina té un element <title> únic i descriptiu
Els menús de navegació són consistents en estructura i ubicació entre pàgines
La ubicació actual de la pàgina s’indica a la navegació (estat actiu)
Hi ha rutes de pa (breadcrumbs) a les pàgines profundes
Existeixen múltiples maneres de trobar contingut (cerca, mapa del lloc o navegació)
Els encapçalaments estan estructurats de manera lògica (h1 → h2 → h3) i descriuen amb precisió el contingut de la secció

Per què és important: Els usuaris de lectors de pantalla naveguen mitjançant encapçalaments, punts de referència i títols de pàgina. Els encapçalaments mal estructurats fan una pàgina incomprensible per a algú que navega amb un lector de pantalla.

9. Accessibilitat dels formularis

Cada camp de formulari té un element <label> visible associat programàticament
Els camps obligatoris s’identifiquen amb text (no només amb un asterisc sense explicació)
Els missatges d’error identifiquen quin camp conté l’error i descriuen com corregir-lo
Els missatges d’error s’anuncien als usuaris de lectors de pantalla (mitjançant aria-live o gestió del focus)
Hi ha atributs d’emplenament automàtic als camps habituals (nom, correu electrònic, adreça, targeta de crèdit)
L’enviament del formulari no caduca silenciosament

Per què és important: Els formularis són la manera en què els usuaris interactuen amb el teu servei — reservar, comprar, registrar-se, contactar. Un pagament inaccessible és l’equivalent digital d’una botiga sense rampa.

10. Enllaços i botons

Cada enllaç té un nom accessible descriptiu — «Llegeix més» sol no és suficient; «Llegeix més sobre [tema]» sí que ho és
Els enllaços i botons són distingibles del text circumdant sense dependre només del color
Els botons que activen accions es marquen com a elements <button>, no com a elements <div> o <span> estilitzats
Els enllaços que s’obren en una nova pestanya o que activen una descàrrega ho comuniquen a l’usuari

Per què és important: Els usuaris de lectors de pantalla sovint naveguen llistant tots els enllaços d’una pàgina. Una llista d’enllaços «clica aquí» i «llegeix més» no aporta cap valor de navegació.

11. Idioma i llegibilitat

L’idioma principal de la pàgina s’estableix a l’atribut lang de l’element <html> (p. ex., lang="ca")
Les seccions en un idioma diferent es marquen amb un atribut lang a l’element contenidor
Les abreviatures es despleguen en el primer ús o mitjançant <abbr title="..."> quan sigui útil

Per què és important: Els lectors de pantalla utilitzen l’atribut d’idioma per triar el motor de pronunciació correcte. Sense això, un text en anglès llegit per un motor en alemany és pràcticament incomprensible.

12. Comportament consistent i predictible

Rebre el focus no activa automàticament un canvi de context (p. ex., un formulari no s’envia quan un camp rep el focus)
Canviar un camp de formulari no activa una navegació o finestres modals inesperades
Els components amb la mateixa funció entre pàgines s’etiqueten de manera consistent

Per què és important: Un comportament impredictible desorienta tots els usuaris, però especialment aquells amb discapacitats cognitives o que depenen de lectors de pantalla.

13. PDFs i documents

Els PDFs disponibles per descarregar estan etiquetats per estructura (encapçalaments, llistes, ordre de lectura)
Els camps de formulari dels PDFs estan etiquetats
Els PDFs escanejats (només imatge) es processen amb OCR i s’etiqueten
Els fitxers de Word, Excel i PowerPoint utilitzen funcions d’accessibilitat integrades (estils d’encapçalament, text alt, noms de full)

Per què és important: Els tribunals i el DOJ han tractat de manera consistent els documents descarregables com a part del contingut accessible d’un lloc web. Un PDF inaccessible dins d’un procés de pagament altrament accessible continua sent una barrera.

14. Accessibilitat mòbil

Tota la funcionalitat està disponible tant en orientació vertical com horitzontal
Els objectius tàctils (botons, enllaços) tenen almenys 44×44 píxels CSS
El contingut no requereix desplaçament horitzontal en finestres de visualització estàndard
El lloc no desactiva l’escalat de l’usuari mitjançant maximum-scale o user-scalable=no a la metaetiqueta de viewport

Per què és important: Molts usuaris amb discapacitat utilitzen dispositius mòbils com a mitjà principal o únic per accedir al web. Les barreres mòbils els exclouen tan efectivament com les barreres d’escriptori.

15. Declaració d’accessibilitat

Es publica una declaració d’accessibilitat i s’enllaça des del peu de pàgina del lloc
La declaració identifica l’estàndard que el lloc pretén complir (WCAG 2.1 AA)
La declaració inclou un mecanisme de contacte perquè els usuaris informin de barreres
El mecanisme de contacte és, en si mateix, accessible

Per què és important: Una declaració d’accessibilitat demostra bona fe i dona als usuaris una via de resolució abans que busquin recursos legals. També és obligatòria en diverses lleis estatals i és una pràctica esperada sota la guia del DOJ.

Risc d’aplicació i litigi

El Títol III de l’ADA no exigeix als demandants provar discriminació intencionada. Si existeix una barrera, i si aquesta va impedir que una persona amb discapacitat accedís a béns o serveis, una demanda pot avançar. Els remeis sota el Títol III no inclouen indemnitzacions (a diferència de la Secció 504), però sí que inclouen mesures cautelars i honoraris d’advocats — que sovint són el motor principal del litigi en sèrie.

El volum de demandes d’accessibilitat web ADA als Estats Units ha augmentat marcadament en els darrers anys, amb milers presentades anualment. Les empreses petites i mitjanes són objectius freqüents perquè es percep que és menys probable que hagin invertit en conformitat.

Si has rebut una carta de requeriment ADA, no la ignoris. Contracta assessorament legal amb rapidesa i encarrega una auditoria d’accessibilitat per tenir una imatge precisa de la conformitat del teu lloc.

Mantenir la conformitat al llarg del temps

Una auditoria i correcció puntual no és suficient. Cada nova pàgina, funció o integració de tercers pot introduir noves barreres. Les organitzacions amb el menor risc de litigi mantenen la conformitat de manera continuada:

L’escaneig automatitzat integrat al flux de treball de desenvolupament detecta els problemes detectables abans que arribin a producció. El nostre servei d’integració d’accessibilitat CI/CD fa que això formi part de cada compilació.
Les auditories manuals programades revelen els problemes que les eines automatitzades no poden detectar — interacció amb lector de pantalla, complexitat cognitiva, trampes de teclat.
La formació en accessibilitat per a desenvolupadors i redactors de contingut evita que les barreres s’introdueixin d’entrada.
Els mecanismes de retroalimentació d’usuaris donen a les persones amb discapacitat un canal directe per informar de barreres abans que es converteixin en qüestions legals.

Un escaneig automatitzat gratuït és la manera més ràpida d’identificar les fallades WCAG més visibles del teu lloc. Per obtenir una imatge completa relacionada amb la teva exposició a l’ADA, contacta amb el nostre equip per parlar d’una auditoria completa.