Texto Equipo Pixel, Imagen Nadine Shaabana
No se trata de señalar a las marcas o casos expuestos a continuación, pero sí de mostrar el escaso avance que se ha dado en esta materia cuando algunas de las empresas más grandes del país e incluso las organizaciones que están llamadas a propender por una cultura digital accesible en Colombia dejan en la boca el sabor de que estamos muy lejos de entender y aprovechar adecuadamente esta oportunidad para hacer una Web más sana y productiva.
Éxito.com, texto en imágenes y ausencia de texto alternativo.
La anterior imagen fue tomada del sitio Web Éxito.com el 14 de febrero de 2022.
El siguiente código es el que define la anterior imagen:
<a href=”…> <div> <img height="239px" width="629px" src="https://exitocol.vtexassets.com/assets/vtex.file-manager-graphql/images/013458b3-5a44-4f64-a68e-627a5b80920e___2eeb3d4fff7178a44d655578a1a2aeea.jpg" crossorigin="anonymous" style="height: auto; width: 100%; border-radius: 0px;"> </div> </a>
En este ejemplo, es claro que existen al menos dos problemas de accesibilidad, el primero, la presencia de texto informativo en una imagen no decorativa y el segundo, la ausencia de una alternativa de texto a la información suministrada en la imagen y su destino.
Al carecer de un texto alternativo equivalente, el código que etiqueta esta imagen simplemente no puede transmitir la información a personas ciegas, con baja visión u otras capacidades diferenciadas temporales o permanentes. Esto significa que la presencia del contenido pierde total sentido y es incapaz de lograr el efecto deseado dentro de determinados grupos de personas, además de que para éstas también se inhibe la descripción acerca del lugar hacia el cual dirige el enlace sugerido ya que, en este caso, adicionalmente la imagen se encuentra anidada dentro de una etiqueta “a”.
Un segundo aspecto a considerar es ¿por qué utilizar una imagen para brindar esta información de texto? Aunque es una especulación este caso en particular, una de las razones más comunes por las cuales se incurre en esta práctica es por la falta de estructuras versátiles en los editores de contenidos (CMS, DXP o su equivalente), que permitan a los equipos de mercadeo o comunicaciones crear sin la necesidad de código, piezas variadas, atractivas, adaptables y accesibles, todo a la vez. ¿Falta de tiempo?, ¿error de planeación?, no importa; al final un problema de accesibilidad que evita que al menos 50 contenidos de la página de inicio de este importante comercio electrónico nacional no sean si quiera perceptibles para muchas personas que dependen de las condiciones de accesibilidad.
MinTic.gov.co, videos sin audio descripción y con subtítulos automáticos.
En su página Web principal, el sitio Web del Ministerio de las TIC incluye/incluyó el siguiente video:
El video se presenta con la opción de subtítulos automática que provee YouTube -al menos en el momento de escribir esta entrada-. Esto “cumple” con uno de los criterios de accesibilidad, sin embargo, tan solo de forma.
La recomendación generalizada es utilizar la subtitulación automática como una base para desarrollar una subtitulación personalizada precisa y más informativa. En consecuencia, en el video hay cambios de significado importantes como por ejemplo cuando en los subtítulos dice:
“me ...perdí en tu sistema operativo y ahora hay quiebre de ganas te gusta”, cuando en realidad en el audio se escucha: “”me …perdí en tu sistema operativo?, ¿y ahora?, ahh que chévere Diana, ¿te gusta?”
Esta falta de coordinación conduce al error a quien solo puede leer los subtítulos como en el caso de las personas sordas o con problemas auditivos permanentes o temporales o para quienes los utilizan para mejorar la comprensión del audio como en el caso de las personas con capacidades intelectuales diferenciales.
Otro problema identificado en este video es que en ausencia de una audio descripción, se omite información importante, por ejemplo las cifras que se muestran en la siguiente imagen:
Como se ve, el protagonista del video está observando algunos indicadores en pantalla sobre zonas digitales urbanas y rurales. Esta información se omite en los subtítulos, y aunque podría hacer parte de estos, lo que corresponde es una audio descripción de todos los eventos del video, incluyendo en los momentos de silencio como éste, la información de lo que sucede en la imagen.
Esta situación se repite en varios videos del mismo sitio Web, lo que no solo es excluyente, sino que reviste cierta importancia si a través de estas piezas se entrega información sensible, los pasos de un trámite o datos de fuente primaria que no estén disponibles en otro formato de contenido dentro de la misma página Web.
ConVerTIC.gov.co, código mal formado.
Una de las iniciativas bandera del Gobierno Nacional en materia de accesibilidad es ConVerTIC, que en sus propias palabras se define como: “proyecto de inclusión del Ministerio TIC creado desde el año 2013 con el fin de promover la inclusión social, educativa, laboral y cultural a través de uso de las tecnologías para las personas ciegas o con baja visión, mediante la entrega y masificación de los software Jaws y ZoomText”.
En esta página Web existen varios problemas de accesibilidad, pero para no repetir algunos de los que se han mencionado antes, se indicará que existe al menos uno adicional muy llamativo: código mal formado. Esto debido a una mala definición del tipo de documento que indica a los agentes que el contenido viene formado para HTML 4.01 (HTML 4.01+RDFa 1.1), cuando en realidad utiliza etiquetas o atributos de HTML 5 y al mismo tiempo desconoce otros atributos necesarios para la definición utilizada.
Ejemplo:
<figure> <a href="https://www.gov.co/home/" target="_blank" title="Enlace a Gov.co"> <img src="channels-649_logo_govco.png" alt="Logo Gov.co" width="150px"> </a> </figure>
La etiqueta “figure” que se aprecia en el anterior código no hace parte de la definición HTML 4.01+RDFa 1.1 que utiliza esta página y aunque los navegadores más populares parecen no tener problemas para interpretar esta información a pesar de la mezcla de estándares, esta mala práctica clasificada como una falta de robustez en el código puede inducir a problemas en la interpretación o procesamiento en determinadas tecnologías que asisten en la navegación de la Web a los usuarios con capacidades diferenciadas.
Cada página Web o tienda en línea es construida sobre una versión de HTML determinada. Esta versión define las especificaciones que garantizan que estas obras estén libres de errores o dificultades funcionales y no funcionales, por lo cual los problemas de codificación o derivados del pobre acogimiento de los estándares no solo interfieren con los lineamientos orientados a la accesibilidad, sino que también afectan condiciones básicas que perjudican directamente la calidad general de las páginas Web.
Esta adherencia a la especificación favorece además de la accesibilidad otros factores determinantes en el Internet de hoy como el desempeño, la velocidad de carga, el SEO, la interoperabilidad y la universalidad, entre otros atributos.
Esperamos que la presente reflexión sirva para acoger con criterio y responsabilidad los estándares de accesibilidad en nuestra oferta de sitios Web nacionales, empezando por aquellos que están llamados a dar ejemplo. Sabemos que es un trabajo que involucra recursos y esfuerzo, y que además no florece sin una política estructurada y de largo plazo dentro de las organizaciones, pero que brinda una oportunidad para que las marcas e instituciones que la acojan reciban diversos beneficios al contar con canales digitales más profesionales, estandarizados y robustos.
- Inicie sesión para enviar comentarios