Una web accesible es un sitio que cualquier persona puede usar, entender y recorrer, tenga o no una discapacidad visual, auditiva, motora o cognitiva. Las webs accesibles para todos los públicos no son un detalle técnico: son parte de tu estrategia de comunicación, en muchos países son una obligación legal y, además, mejoran la experiencia de todos los usuarios.
Bienvenido, colega. Te lo planteo así: tu página web es tu oficina virtual, y deberías tenerla tal cual a tu oficina real: iluminada, limpia, con buen servicio para el cliente y apta para personas con capacidades diferentes. Me pasa seguido, cuando recorro distintos países de Latinoamérica para dar clases o conferencias, o cuando me piden una auditoría: la web está, pero está desactualizada y no está pensada para todos.
✉ NEWSLETTER
Recibí novedades en tu email
Artículos, entrevistas y materiales de Grupo DIRCOM directo en tu casilla, sin spam.
Webs accesibles: un tema que vengo trabajando hace años
La inspiración para esta clase, que grabé tanto para YouTube como para Spotify, fue una publicación de Nic.ar en la República Argentina. Y el tema no es nuevo para mí: ya en 2003 escribía sobre el acceso limitado a la web como una asignatura pendiente, y en 2004 sobre la comunicación para todos. Veinte años después, la deuda sigue abierta en muchos sitios.
Tal vez te interese
- Conferencia de apertura en la Universidad del Sinú (Colombia): qué cambia cuando la IA propone noticias sin que se lo pidamos y quién responde por su criterio.
- ¿Qué pasa cuando la IA elige por vos qué noticias leés y qué comprás? El Dr. Juan José Larrea analiza con qué criterio ordena, qué es la audiencia cero y […]
- ¿Qué hace una marca cuando le toca estar en un momento que no es suyo? El Dr. Juan José Larrea analiza el logo del homenaje a Messi y qué enseña […]
- Hoy el primer público que recibe tu mensaje ya no es humano: es la inteligencia artificial. El Dr. Juan José Larrea explica qué es el curador algorítmico y sus tres […]
¿Por qué las webs accesibles son parte de tu estrategia de comunicación?
Las personas con discapacidades, ya sean físicas, visuales o auditivas, tienen derecho a acceder a la información y a los servicios en línea igual que cualquier otra persona. Una web accesible les facilita usar y comprender esos recursos, y eso les permite participar plenamente en la sociedad, con los mismos derechos y oportunidades que los demás.
Pero ojo, que esto no es solo para unos pocos. Todos y todas, en algún momento, tenemos alguna capacidad reducida: la vista cansada, el celular con el sol de frente, el audio que no podemos escuchar en el colectivo. Por eso una web más accesible mejora la experiencia de usuario de todos, incluidas las personas sin discapacidad.
Y hay un tercer motivo, bien concreto: existen regulaciones y leyes que exigen que las webs sean accesibles, especialmente para organismos públicos y empresas que brindan servicios públicos. En la Argentina, por ejemplo, rige la Ley 26.653 de accesibilidad de la información en las páginas web, reglamentada por el Decreto 656/2019. La accesibilidad web es importante para garantizar la igualdad de acceso a la información y a los servicios en línea para todas las personas.
Tu página web es tu oficina virtual, y deberías tenerla tal cual a tu oficina real: iluminada, limpia, con buen servicio para el cliente y apta para personas con capacidades diferentes.
Dr. Juan José Larrea
Escuchá la clase sobre webs accesibles en Spotify
También podés escuchar PodCast DIRCOM acá
Ideal para cuando caminás, corrés, estudiás o vas manejando.
¿Quiénes participan en la construcción de webs accesibles?
Acá no hay un héroe solitario. Una web accesible es un trabajo en equipo, donde cada rol aporta lo suyo:
- Diseñador web: crea la interfaz y el diseño visual, y tiene que asegurarse de que cumpla con los estándares de accesibilidad.
- Desarrollador web: programa el sitio y garantiza que el código sea accesible y cumpla con los estándares requeridos.
- Responsables de comunicación: definen la estrategia de comunicación de la web y el tono de voz.
- Redactores de contenido: trabajan para que cada texto sea claro, conciso y fácil de entender para todos.
- Usuarios con capacidades diferentes, en la construcción y el testeo de la web: nadie te va a dar una devolución más valiosa sobre la accesibilidad y la facilidad de uso del sitio.
Enlaces predictivos y descriptivos en webs accesibles
¿Qué pasa cuando alguien que usa un lector de pantalla llega a un link que dice solamente «clic acá»? Básicamente, no sabe a dónde va. Los enlaces predictivos son enlaces que, con un texto descriptivo, le anticipan al usuario qué contenido va a encontrar al hacer clic. En criollo: antes de ir, el link te dice qué te muestra y a dónde te lleva.
Son clave para las personas con discapacidades visuales o cognitivas, que navegan con tecnologías de asistencia como los lectores de pantalla y no pueden apoyarse en imágenes, gráficos u otros elementos visuales. Pero también le sirven a cualquier usuario: le dan una indicación clara del destino y le ahorran tiempo para encontrar lo que busca.
¿Qué es un enlace descriptivo?
Acá hacemos una división. Un enlace que se basa en la ubicación, como «Hacé clic aquí» o «Más información», no dice nada del destino y confunde a quien usa un lector de pantalla u otra tecnología de asistencia. Un enlace descriptivo, en cambio, da información clara y concisa sobre el contenido al que vas a acceder, con palabras y frases específicas que te dejan entender a dónde vas antes de hacer clic.
Ejemplo de enlace descriptivo
- En lugar de: Hacé clic aquí para obtener más información.
- Usá: Obtené más información sobre accesibilidad web.
En el segundo caso, el link describe de manera precisa su contenido, y vos decidís si hacer clic o no. Te doy un ejemplo propio: en la web de Grupo DIRCOM, cada nota tiene una tabla de contenido que te avisa qué vas a encontrar en cada sector, y cada enlace te anticipa a dónde te lleva.
Contenido multimedia en webs accesibles para todos los públicos
Empecemos por las imágenes. Cada imagen necesita un texto alternativo, lo que en HTML, WordPress y otras plataformas se llama «alt», que permita comprender su contenido aunque no se pueda ver. Tiene que ser breve y conciso, e incluir lo relevante: qué muestra la imagen y para qué está ahí. También podés sumar etiquetas enriquecidas para dar información adicional.
En los videos y archivos de audio, sumá subtítulos o transcripciones, para que el contenido sea accesible para personas con discapacidades auditivas o cognitivas. De hecho, al final de este post tenés la transcripción completa del episodio.
Y podés ir más allá: incorporar locuciones para que alguien escuche tu contenido en el auto, en el transporte público o con auriculares, o un video a un costado de la página con un intérprete de lengua de señas. Todas estas cosas son económicas. Algo parecido pasa con un plan de señalización efectivo, que también tiene que pensar en personas sin audición o con deficiencia visual.
Los formularios en las webs accesibles
Comúnmente ponemos formularios para que se suscriban a una newsletter, se anoten a un curso o se inscriban a un congreso. Son una parte importante de cualquier sitio, y para que sean accesibles tienen que ser fáciles de usar y de comprender para todos.
En primer lugar, diseñalos de manera clara y organizada, con etiquetas descriptivas y campos bien definidos: email, nombre, apellido, país. Si un campo puede generar dudas, como el del celular, sumá un ejemplo de cómo escribirlo bien. Así evitás confusiones y errores.
En segundo lugar, pensá en la accesibilidad desde el diseño: los elementos visuales, como los botones de opción y las casillas de verificación, necesitan alternativas textuales para que una persona con discapacidad visual los entienda y pueda completar el formulario.
Además, el formulario tiene que poder recorrerse con el teclado, para que las personas con discapacidades motoras lo usen sin mouse. Eso implica que los campos y el botón de envío sean alcanzables con la tecla Tab o con teclas de acceso rápido.
Los textos en las webs accesibles
Básicamente, tipografía, tamaño y colores. Los textos necesitan un tamaño de letra legible (suelen recomendarse al menos 14px o 16px) y buen contraste con el fondo, sobre todo pensando en las personas con discapacidades visuales.
Usá tipografías claras, comunes y universales. Antes de elegirlas, investigá cuáles leen todos los navegadores, porque no todos tienen la tipografía que a vos te gusta. Y tené en cuenta todas las pantallas: te leen desde computadoras, tabletas y celulares.
Se recomienda evitar las fuentes con serifa en pantalla, porque pueden dificultar la lectura a algunas personas con discapacidades visuales, sobre todo en computadoras y dispositivos móviles.
Por último, la estructura: encabezados descriptivos, párrafos concisos y frases cortas, con palabras de uso frecuente que faciliten la comprensión de toda la sociedad.
Clase en video: webs accesibles para todos los públicos
🕒 Podés ir al momento exacto del vídeo con solo tocar el tiempo indicado debajo, o elegir al final del artículo la plataforma de PodCast de tu preferencia.
- 00:00 Introducción
- 02:31 Contenido Multimedia
- 03:47 Botones y Enlaces
- 04:57 Formularios
- 06:03 Textos
- 07:38 Colores
- 08:25 Códigos
- 09:55 Testear o chequear una Webs Accesibles
▶ YOUTUBE
Suscribite a nuestro canal de YouTube
Entrevistas completas, análisis y contenido exclusivo de Grupo DIRCOM.
El color en las webs accesibles
Hablemos de los colores. Usá los de tu marca y tu identidad visual, pero cuidá que haya contraste suficiente entre el fondo y los textos, los botones y otros elementos interactivos. Un buen contraste hace más fácil la lectura y la navegación para todos, y especialmente para quienes tienen discapacidades visuales.
Y un detalle que se escapa seguido: no uses el color como la única forma de transmitir información importante. Para quien no distingue ciertos colores, o no los ve, ese mensaje se pierde. Acompañalo con texto o símbolos. Si podés, consultá con diseñadores web: la estética también es experiencia de usuario.
El código para construir webs accesibles
No es una cuestión solo de textos. Toda página web tiene un código, un lenguaje, y su estructura afecta cómo los lectores de pantalla y otros dispositivos de asistencia interpretan el contenido.
El código tiene que ser semántico: estructurado de manera clara y organizada, para que las herramientas de asistencia identifiquen cada elemento de la página. Plataformas como WordPress, Drupal o Joomla tienen bastante avanzado este tema, y ayudan a que el sitio se entienda en todos los navegadores: Safari, Chrome, Firefox.
También conviene que el código esté bien documentado, con comentarios claros que expliquen para qué sirve cada sección. Eso facilita modificarlo en el futuro y ayuda a los desarrolladores a encontrar y corregir problemas de accesibilidad.
El estándar de referencia son las pautas WCAG (Web Content Accessibility Guidelines) del W3C, cuya versión vigente es la 2.2. Y un dato que me interesa remarcar: un código bien armado no solo lo leen mejor los lectores de pantalla, también ayuda a que buscadores y motores de IA entiendan tu contenido.
¿Cómo chequear si tus webs son accesibles?
Por último: testear. Existen diversas herramientas y técnicas para hacer pruebas de accesibilidad: lectores de pantalla, navegación por teclado, pruebas de contraste de color y evaluadores que detectan posibles barreras.
Pero lo más valioso es vivir la experiencia. Recorré tu sitio con un lector de pantalla y, sobre todo, hacé pruebas con usuarios reales con discapacidades: van a encontrar problemas que las pruebas automatizadas pasan por alto.
Cuando identifiques los problemas, corregilos. Algunos te van a pedir cambios en el diseño, el contenido o el código; otros se resuelven sumando herramientas de asistencia o mejorando la ayuda del sitio. Y esto vale para cualquier táctica de comunicación: analizala una vez que la desarrollaste, o mientras la vas desarrollando.
¿Y las webs accesibles para qué te sirven como comunicador?
La accesibilidad web es fundamental para garantizar la inclusión y la equidad en la sociedad digital. Para los profesionales de relaciones públicas, la accesibilidad web también representa una oportunidad para mejorar la experiencia del usuario y alcanzar una audiencia más amplia y diversa.
Una estrategia de comunicación efectiva incluye la accesibilidad para llegar a todos los públicos. Al construir webs más accesibles no solo cumplís con regulaciones y leyes: demostrás un compromiso real con la inclusión y la igualdad de oportunidades. Y además, tu sitio se vuelve un referente, una fuente de información para tus usuarios. Es una responsabilidad de todos los que trabajamos en comunicación.
Preguntas frecuentes sobre webs accesibles
Es un sitio que cualquier persona puede usar, entender y recorrer, tenga o no una discapacidad visual, auditiva, motora o cognitiva. Sigue estándares como las pautas WCAG del W3C y, de paso, mejora la experiencia de todos los usuarios.
Depende del país y del tipo de organización. En la Argentina, la Ley 26.653 y su reglamentación (Decreto 656/2019) lo exigen, entre otros, al Estado y a empresas que brindan servicios públicos. Aunque la ley no te alcance, es una buena práctica de comunicación.
Es un link cuyo texto te anticipa con claridad qué contenido vas a encontrar al hacer clic. En lugar de «hacé clic aquí», dice por ejemplo «obtené más información sobre accesibilidad web», algo clave para quien navega con un lector de pantalla.
Combiná herramientas automáticas, como WAVE, con pruebas de navegación por teclado, de contraste de color y con un lector de pantalla. Y, sobre todo, probala con usuarios reales con discapacidades: encuentran problemas que las herramientas pasan por alto.
Contame tu caso
¿Tu web, o la de tu cliente, ya es accesible? ¿Con qué te encontraste cuando la probaste con un lector de pantalla? Dejame tu comentario acá abajo, contame tu caso o escribime por redes, donde me encontrás como JJLarrea. Me interesa saber cómo lo están resolviendo en tu país.
¿Cómo citar esta publicación?
Si vas a utilizar el texto completo o parte, te dejo la cita en formato APA:
Larrea, J. J. (Anfitrión). (2023, abril). Webs Accesibles para todos los públicos [Episodio de podcast]. En PodCast DIRCOM. Grupo DIRCOM. https://juanjoselarrea.com/webs-accesibles-para-todos-los-publicos/
SOBRE EL AUTOR
Juan José Larrea
Doctor en Comunicación, Licenciado en Comunicación Social y Periodista. Conferencista y Docente Internacional de posgrados. En la actualidad, se desempeña como Director de Grupo DIRCOM.
¿Cómo escuchar y suscribirte al PodCast DIRCOM? ¡Gratis!
Elegí tu app de podcasts favorita, tocá para abrirla, y suscribite para no perderte ninguna novedad. También podés escuchar el audio directamente al final de este artículo.
✈ TELEGRAM
Únete a nuestro canal de Telegram
Recibí novedades y materiales exclusivos. Es un canal, no un grupo: no vas a chatear con nadie.
✉ NEWSLETTER
Recibí novedades en tu email
Artículos, entrevistas y materiales de Grupo DIRCOM directo en tu casilla, sin spam.
Transcripción del episodio
Mostrar transcripción completa
Transcripción completa del episodio «Webs Accesibles para todos los públicos», del Podcast DIRCOM, conducido por Juan José Larrea. Spotify https://podcastdircom.com/ o en el Canal de YouTube http://dircom.tv/
Bienvenida y tema del episodio
¿Qué tal? ¡Bienvenido, colega, a este nuevo episodio del Podcast Dircom! Con toda la pasión y conocimiento de la comunicación, en Latinoamérica y por expertos latinos. Siempre entrevistamos a distintas personas, como vos, que comparten su conocimiento.
Hoy te quiero hablar sobre las webs más accesibles. Hablo de tu oficina, tu producto, tu marca, aquello que en esa web está representando a tu marca, producto, cliente. Muchas veces me pasa, cuando recorro distintos países de Latinoamérica, voy a dar clases o conferencias, me piden una auditoría, o me muestran un plan de comunicación: la web está desactualizada, no está pensada para una buena experiencia de usuario, no está pensada para que sea accesible para personas con distintas capacidades. Por eso, hoy te quiero hablar de webs más accesibles para todos los públicos.
La página web es tu oficina virtual
La página web es tu oficina. Hoy en día, sigue siendo el corazón de la estrategia de comunicación en el mundo virtual. Acordate: siempre miramos una página web desde un celular, computadora, iPad u otra pantalla que tengamos. Tus clientes siempre están consultando. La página web es tu oficina virtual, y deberías tenerla tal cual a tu oficina real: iluminada, limpia, que tenga un buen servicio para el cliente, apta para personas con capacidades diferentes. Todos y todas las tenemos: por ejemplo, una reducción en la vista, y necesitamos asistentes lectores de pantalla.
La estrategia de comunicación la componen todas las partes: el objetivo, el objetivo general, los «cómo». Los detalles hacen al todo, y mejoran la experiencia del usuario. En algunos países del mundo, hay leyes que exigen que tu web, o la de tu cliente, empresa u organización, cumpla ciertos requisitos para brindar un servicio. Vamos a enumerar algunos de ellos, empezando por el contenido multimedia.
Contenido multimedia accesible
Es recomendable describir las imágenes de forma clara y concisa, con texto alternativo, en HTML, WordPress u otras plataformas lo denominan «alt», para describir qué es. Así, a los asistentes lectores de pantalla se les hace más fácil comprender tu contenido, y las personas con capacidades diferentes pueden seguir navegando y consumiendo tu servicio y contenido.
Se pueden incorporar locuciones, audios, para hacer clic y escucharlo cuando vas en el auto, en el transporte público, en el avión, con auriculares, o si el estéreo del auto está conectado a tu celular por Bluetooth. Escuchás el contenido de la página. También podría ser un video a un costado de la página, con un intérprete de señas, comentando lo que dice. Todas estas cosas son económicas.
Enlaces predictivos y descriptivos
Los enlaces, liga, links, URL, dominios, deben ser predictivos. Cada botón debe tener un texto descriptivo, para facilitarles a los lectores de pantalla, y a las personas que están leyendo, saber a dónde iríamos con esa frase que está linkeada. Antes de ir: ¿qué me estás mostrando?, ¿a dónde me va a llevar?
Acá en pantalla te muestro un ejemplo: esta es la página de Grupo Dircom. Tiene una tabla de contenido que te avisa lo que vas a encontrar en los distintos sectores, y podés hacer clic en cada uno. Uno dice: «¿pero cómo lo hacemos?», y está linkeado. Esto significa que me va a llevar a un lugar que me explica cómo se hace, según la nota.
Formularios claros y sencillos
Comúnmente ponemos formularios: para que se suscriban a una newsletter, reciban novedades, se anoten a algún curso, se inscriban a algún congreso… Dan muchos resultados, y hay mucho que podríamos hacer con uno.
Acá tenés un ejemplo de un formulario para suscribirse a la newsletter de Grupo Dircom. Todo está claro: los campos dicen email, nombre, apellido, país. En el campo del celular hay una descripción más amplia. Te lo muestro en pantalla, pero te lo leo si estás en Spotify, Apple Podcasts, iVoox, Amazon Music. Si usás otra, decime si no estamos ahí.
¿Qué dice en el campo del celular? Uno tiene que escribirlo, pero también tenés un ejemplo de cómo debe estar bien escrito. Lo hacemos sencillo, para que quien esté en la página comprenda rápidamente todo lo que nosotros queremos.
Tipografía, tamaño y colores
En cuanto a los textos, hay que utilizar tipografías claras, comunes y universales. Pero, antes, debés hacer un estudio para saber cuáles son las más universales, las que leen todos los navegadores, porque no todos los navegadores tienen la tipografía que a vos te guste. Tener en claro el tamaño a utilizar para las distintas pantallas: nos consumen desde computadoras, tabletas, celulares. Entonces, tenemos que tener en cuenta todas las pantallas. Tener en cuenta el tamaño, la tipografía, los colores.
Los colores deben ser los de tu marca e identidad visual, pero siempre haciendo un juego de estética para que sea placentera a los ojos. Entonces: tipografía, colores y tamaño. Las frases que se utilicen deben ser frases cortas, con palabras de uso frecuente, que faciliten la comprensión de toda la sociedad.
Hablemos de los colores en los textos. Es fundamental una correcta combinación de colores para que los usuarios y usuarias accedan a la información de manera adecuada. Transmitir el mensaje utilizando un color. Cobra mucha relevancia estudiar y analizar esto, y consultar a diseñadores, o diseñadores web, para lograr optimizar la experiencia del usuario a través de la estética en toda tu página web.
Un código bien estructurado
No es una cuestión solo de textos. Toda página web tiene un código, un lenguaje. Hay que tratar de que el código que se utilice esté bien estructurado. Son recomendables plataformas como WordPress, Drupal, Joomla y otras, para que pueda ser comprendido por todos los navegadores. Recordá: Safari, Chrome, Mozilla. Los lectores de pantalla, con un código de la página web bien armado, tienen más facilidad para interpretar lo que uno quiere publicar: su contenido, textos, imágenes, videos, presentaciones.
Cualquier cuestión que se me esté escapando, dejame el comentario, o escribime a mi página web, juanjoselarrea.com, a mi usuario JJLarrea en las redes sociales, y mi WhatsApp también lo encontrás publicado.
Testear la experiencia y despedida
Por último: testear, hacer el chequeo. Vivir la experiencia de si tu sitio web, con un lector de pantalla, por ejemplo, resulta accesible. Es muy importante que lo tengas en cuenta. Analizar cualquier táctica de comunicación una vez que la hayas desarrollado, o mientras la vas desarrollando.
Podemos hablar de muchos temas más que hagan que tu página web sea una excelente página de servicio para los usuarios, y que te tomen como referente, como fuente de información, logrando que no se dejen llevar solamente por lo que se dice en las noticias.
¡Acá me despido, colega! Acordate de que te podés suscribir al Podcast Dircom en todas las plataformas. Sé que en Cuba o en Venezuela, Spotify está vedado, pero también nos pueden escuchar en iVoox. Nuestro contenido es gratuito, y lo hago de corazón, porque siento mucha pasión. Te mando un fuerte abrazo, Dircom. Estamos en contacto.
Podcast: Reproducir en una nueva ventana | Descargar | Incrustar
¿Dónde deseas escucharlo? Selecciona tu plataforma de preferencia Apple Podcasts | Spotify | Amazon Music | Pandora | iHeartRadio | Podcast Index | TuneIn | Deezer | YouTube Music | RSS | Más
Un comentario
Los comentarios están cerrados.