Saps com auditar l’Accessibilitat de la teva IA?, Si la teva IA no la pot fer servir tothom, estàs deixant fora un 15% dels teus clients potencials i, sincerament, t’estàs comprant una butlleta per a una sanció legal sota la normativa europea de 2026. En aquest manual aprendràs a detectar les barreres invisibles de les teves. En acabar, tindràs una llista clara de millores perquè la teva tecnologia sigui realment inclusiva.
Requisits previs per auditar l’accessibilitat de la teva IA
Abans de començar, assegura’t de tenir a mà:
- L’URL o interfície de la IA que voleu auditar (el vostre chatbot, generador d’informes, etc.).
- Un navegador actualitzat (Chrome o Firefox preferiblement).
- L’extensió gratuïta Axe DevTools o WAVE instal·lada.
- Un lector de pantalla bàsic (podeu utilitzar Narrador al Windows o VoiceOver a Mac).
Pas 1: Mapeja els punts d’interacció
La primera cosa és identificar on “toca” l’usuari a la teva IA. No serveix de res que l?algoritme sigui brillant si la porta d?entrada està tancada.
Cerca els camps de text on s’escriuen els prompts, els botons d’enviament i els contenidors on apareix la resposta. Identificar aquests elements funciona igual que revisar els poms de les portes de la teva botiga física: si estan massa alts o són impossibles de girar, ningú no entrarà al local, per molt bones ofertes que tinguis a dins.
⚠️ Ull: No et centris només al xat. Revisa també els menús de configuració i els botons de “copiar resposta” o “regenerar”.
✅ Verificació: Hauries de tenir una llista amb almenys 3 punts crítics: entrada de dades, control de la IA i sortida d’informació.
Pas 2: Prova la navegació “Només Teclat”
Molts usuaris amb discapacitat motriu o visual no usen ratolí. La teva IA ha de ser controlable només amb la tecla Tabulador i Enter.
Clica a la barra d’adreces i comença a prémer Tab. El focus (aquest requadre que indica on ets) ha de saltar de forma lògica per tots els elements interactius. Si el focus desapareix o queda atrapat en un bucle dins del xat, tens un problema greu. És el mateix que passa a un supermercat quan els passadissos són tan estrets que una cadira de rodes no pot girar: el client es queda bloquejat i ha d’abandonar la compra.
💡 Tip: Si l’usuari ha de prémer Tab vint vegades per arribar al quadre de xat, afegeix un “enllaç de salt” al principi de la pàgina.
✅ Verificació: Has de ser capaç d’escriure un prompt, enviar-lo i llegir la resposta sense tocar el ratolí ni una sola vegada.
Pas 3: Audita el contrast i la llegibilitat de les respostes
La IA sol generar molt de text, i si aquest text és gris clar sobre fons blanc, estàs excloent persones amb visió reduïda o que simplement estan sota el sol.
Fes servir la teva extensió (Axe o WAVE) per mesurar el contrast. L’estàndard WCAG 2.2 exigeix una relació d’almenys 4.5:1 pel text normal. Pensa a la carta d’un restaurant amb llum tènue: si la lletra és petita i el color es barreja amb el paper, no demanaràs el plat més car perquè ni tan sols saps que existeix.
⚠️ Advertiment: Evita utilitzar el color com a única forma de donar informació (per exemple, “els errors apareixen en vermell”). Afegeix sempre una icona o un text que digui “Error”.
✅ Verificació: L’eina d’auditoria ha de marcar “0 errors de contrast” a l’àrea de resultats de la IA.
Pas 4: Verifica la semàntica de la sortida de dades
Quan la IA respon, com ho fa? Si genereu una taula o una llista, heu d’estar correctament etiquetada al codi (HTML).
Un lector de pantalla necessita saber que el que ve a continuació és una llista de passos i no pas un paràgraf infinit. Això funciona igual que l’etiquetatge en un magatzem: si les caixes no tenen etiquetes, l’operari (el lector de pantalla) les ha d’obrir totes una a una per saber què hi ha a dins, perdent un temps preciós i frustrant l’usuari.
💡 Tip: Demana a la teva IA que sempre torni les respostes en format Markdown estructurat amb encapçalats (H2, H3).
✅ Verificació: En passar el lector de pantalla, aquest ha d’anunciar “Encapçalament nivell 2” o “Llista de 5 elements” abans de llegir el contingut.
Pas 5: Avalua el temps de resposta i el control
Les IAs de vegades triguen a “pensar”. Si el contingut canvia de cop i volta sense avisar, un usuari amb discapacitat cognitiva o visual es perdrà.
Assegureu-vos que hi hagi un indicador visual i sonor que la IA està treballant (el típic “escrivint…”). A més, lusuari ha de poder aturar la generació de text en qualsevol moment. És com estar en una conversa amb algú que parla sense parar i no et deixa intervenir: arriba un punt on desconnectes perquè et sents aclaparat.
⚠️ Ull: Si la sessió de xat caduca per inactivitat, avisa amb antelació. No hi ha res més frustrant que perdre un prompt llarg perquè el sistema es va tancar sense avisar.
✅ Verificació: El lector de pantalla ha d’anunciar “La IA està processant la teva sol·licitud” quan feu clic a enviar.
Troubleshooting: Problemes comuns
- El lector de pantalla no llegeix les noves respostes: Això passa perquè l’àrea de xat no té un “aria-live region”. Configura aquest contenidor com a
aria-live="polite"perquè el sistema avisi l’usuari quan aparegui text nou. - Els botons de la IA només tenen icones (sense text): Si el botó per “Escoltar resposta” és només una icona d’un altaveu sense etiqueta interna, el lector de pantalla dirà “Botó, botó”. Solució: Afegeix un
aria-label="Escoltar resposta". - Les taules generades per la IA es veuen trencades al mòbil: Assegureu-vos que la vostra interfície usi un disseny responsiu. Si es talla la taula, l’usuari no podrà accedir a les dades de les columnes de la dreta.
Resultat final
Si has seguit aquests passos, ara tens una interfície d’IA que no només compleix la llei, sinó que és més còmoda per a tothom. Una IA accessible sol ser una IA més neta, més ràpida i amb millor SEO. El pas següent és fer una prova d’usuari real amb persones que utilitzin tecnologies d’assistència per polir els detalls que cap eina automàtica pot detectar.
