Cómo usar ChatGPT o GPT-4 para mejorar la accesibilidad de tu sitio web

Por suerte o por desgracia, (aún no lo sé), mis cosas de doctor me están llevando a tocar temas relacionados con la Inteligencia Artificial y la accesibilidad, y como de costumbre, na de las cosas que mas me ayuda es escribir sobre lo que estoy viendo o pensando, así que aquí va el post de hoy en el que simplemente hago un listado de consejos para usar ChatGPT o GPT-4 para mejorar la accesibilidad de un sitio web,

Cómo usar ChatGPT o GPT-4 para mejorar la accesibilidad de tu sitio web

La accesibilidad web nunca ha sido opcional, o al menos desde el punto de vista de la gente que lleva años metida en este tema, (entre los que me encuentro), pero es que además es un requisito legal en muchos países, (y aunque no o creáis en España tambien, pero como no hay sanciones no hay concienciación, pero eso nos da para otro post, o para otros muchos).

Lo que está claro, o al menos debería estarlo para todo el mundo, es que la accesibilidad es una cuestión ética ya que más del 15% de la población mundial vive con alguna discapacidad (OMS, 2022). Aun así, muchas páginas web siguen sin ser completamente accesibles. (completamente por no decir cosas más feas)

Modelos como ChatGPT (basado en GPT-4) están empezando a desempeñar un papel clave como copilotos para desarrolladores, diseñadores UX y equipos de producto, pero, ¿Cómo pueden ayudarte a mejorar la accesibilidad de tu sitio web? Pues fácil, o al menos te lo dejo fácil con estas 4 formas concretas en que puedes empezar a usar estas herramientas hoy mismo, (mañana o cuando quieras, pero úsalo, por favor)

Auditorías básicas de accesibilidad desde el código

Puedes pedirle a ChatGPT que revise fragmentos de HTML, CSS o incluso React para identificar problemas de accesibilidad comunes, como:

• Falta de etiquetas alt en imágenes.
• Contrastes de color insuficientes.
• Elementos no navegables con teclado.
• Uso incorrecto de roles ARIA.

Ejemplo:

"Revisa este fragmento HTML y dime si hay problemas de accesibilidad según las WCAG 2.1."

La respuesta puede incluir sugerencias puntuales y explicaciones breves, ideales para equipos que aún están aprendiendo sobre accesibilidad.

Generación de texto alternativo y descripciones accesibles

Los modelos de lenguaje pueden ayudarte a generar descripciones útiles para imágenes, botones o íconos. Aunque no reemplazan la revisión humana, pueden servir como punto de partida rápido, cuando hagáis pruebas os daréis cuenta de que a veces tiene más precisión que otras pero al final con un poco de paciencia sale.

Ejemplo:

"Sugiere un texto alternativo para esta imagen: [descripción visual o enlace a imagen]"

También puedes usarlo para mejorar la claridad y comprensión del contenido para usuarios con discapacidad cognitiva o lectores de pantalla.

Explicación de estándares como WCAG en lenguaje sencillo

Las Pautas de Accesibilidad para el Contenido Web (WCAG) pueden ser densas, esta es una de las opiniones más generalizadas entre la gente de mi entorno, pero esto también da para otro post.

GPT puede ayudarte a traducir sus criterios a ejemplos prácticos y acciones específicas, adaptadas a tu contexto técnico.

Ejemplo:

"Explícame el criterio 2.4.3 de las WCAG con ejemplos en HTML."

Esto es especialmente útil para onboarding o formación de equipos técnicos que están incorporando buenas prácticas de accesibilidad.

Reescritura de interfaces para mayor claridad o legibilidad

Puedes usar GPT-4 para evaluar la legibilidad de tus interfaces de texto o contenido y sugerir mejoras en el lenguaje: frases más simples, estructuras claras o lenguaje inclusivo, pedirle que lo escriba en lectura fácil, e incluso le puedes proporcionar ejemplos correctos para que se fije en ellos.

Ejemplo:

"Reescribe este mensaje de error para que sea más claro y accesible para usuarios con dislexia."

Este tipo de tareas mejora la experiencia de usuario para todos, no solo para personas con discapacidad.

Conclusión

Aunque son ejemplos muy básicos, lo importante es que ya puedes empezar a hacer cositas con Inteligencia Artificial, y que además estas cositas molan y pueden ayudarte a mejorar el flujo de trabajo, pero no hay que olvidar que esto no sustituye una auditoría manual y que no he hablado nada de ninguna de las implicaciones éticas que tiene el uso de la Inteligencia Artificial.

En muchas ocasionas lo que os va a tocar es jugar con el promt hasta mejorarlo y que los resultados se ajusten a lo que necesitas, o puedes hacer como yo, que solamente le pido fotos mías al GPT…

Aunque puede parecer algo de perogrullo, hay que recordar que no se trata solo de cumplir con una norma, sino de construir experiencias digitales realmente accesibles para todos.

¿Ya estás usando alguna herramienta de IA para mejorar la accesibilidad en tu trabajo? Me encantaría conocer tu experiencia en los comentarios, (o no, ya lo que queráis, pero serán bienvenidos)