Uso inteligente de tecnologías para construir sitios web más accesibles

Una vez que estás listo para construir tu sitio web o página web comienzas a preguntarte de qué manera lo harás. ¿Tendrá toneladas de animaciones e interactividad? ¿Lo llenaré de gráficos? ¿Cómo afectará todo esto a la navegación, comprensión, accesibilidad y tiempo de descarga de la página? ¿Cuáles son las cosas que necesitas considerar cuando decides qué tecnologías serán usadas y cómo en tu sitio web?

---

Cada sitio web tiene un diseño óptimo que encaja perfectamente con su temática, requerimientos y tipo de visitantes. Por ejemplo, un sitio web que ofrece postales electrónicas necesitará atraer la atención de los ojos del visitante, usando imágenes, animaciones e interactividad, mientras que un sitio dedicado a la ciencia, a la enseñanza o a la investigación puede no necesitar ninguna de ellas para mostrar su información y contenido.

El monto de animación e interactividad sin dudas afectará a la accesibilidad de la página web, dado que las tecnologías usadas para proveer este tipo de contenido son usualmente no soportadas por los agentes de usuario o muchas veces no diseñadas para personas con discapacidad. Para considerar cuántas personas podrías estar dejando atrás, basaré mi estudio en las estadísticas de este sitio (http://www.htmlquick.com) el cual es completamente accesible y provee una gran cantidad de información textual.

Para ver algunos números redondos diré que si el contenido del sitio estuviese completamente basado en Flash o JavaScript estaríamos perdiendo de 1.77% a 4.55% de las visitas debido únicamente a la falta de tecnologías, lo cual podría ser un gran número de visitantes si se trata de un sitio exitoso. Pero veamos algunas consideraciones basadas en las más populares y problemáticas tecnologías disponibles.

Flash

Flash es una excelente forma de construir animaciones e interactividad pero puede también ser un gran problema de accesibilidad. Crear un sitio web completamente en Flash podría dejar afuera a un 2.78% de los visitantes y hacer un sitio completamente vacío para los motores de búsqueda, lo cual puede representar tu primer inconveniente.

Muchos sitios verán a Flash como una primera necesidad mientras que otros solo lo utilizarán para animaciones o simplemente no lo usarán.

• Si tu sitio no lo necesita, entonces intenta usarlo solo para animaciones o proveyendo ricos textos alternativos.
• Evita construir menús en Flash, un agente de usuario que no lo soporte no podrá seguir sus vínculos.
• Exporta el archivo swf usando la menor versión posible. Solo un 69.2% de las visitas soporta su última versión. El restante 29.03% tendrá que descargarlo antes de visualizar la película.
• Intenta hacer la película tan chica como puedas de modo que la gente no se aburra esperando a que la página se cargue. Existe aún un 11.83% de visitantes usando conexiones de acceso telefónico.

JavaScript

JavaScript tiene inconvenientes similares a Flash. Muchos agentes de usuario no lo soportarán, incluyendo a los robots de los motores de búsqueda. Un 1.77% de los visitantes no podrá ver la información escrita en JavaScript ni seguir los vínculos.

• Si es posible úsalo solo para interactividad y funcionalidad no necesaria.
• De no ser posible, provee contenido estático alternativo en tag "noscript".
• No lo conviertas en algo necesario para seguir un vínculo. Usa el comando "location.href" como contenido del evento "onclick" en un vínculo estático (tag "a").

Frames

Los marcos (frames) pueden lucir bien pero deberían ser definitivamente evitados. Mientras que la mayoría de los agentes de usuario los soporta, los motores de búsqueda, así como las personas ciegas, pueden encontrarse seriamente confundidas al intentar relacionar la información contenida en las diferentes páginas de una página de marcos.

Imágenes

Las imágenes, aunque no son completamente accesibles, son una más benévola alternativa a las animaciones en Flash.

• Siempre prefiere el uso de imágenes en lugar de animaciones Flash.
• Mantenlas pequeñas en tamaño para reducir el tiempo de carga de la página.
• Siempre provee el más apropiado texto alternativo que mejor describe el propósito de la imagen.

Algunas formas generales de evitar tecnologías conflictivas son optar por tipos de información más comunes o más soportados. Una de las mejores alternativas para establecer la imagen de un sitio web es CSS. CSS está especialmente diseñada para establecer atributos de presentación. úsalo en lugar de tablas para establecer el diagrama de la página.

De todas formas, algunos sitios necesitarán el uso de algunas o todas estas tecnologías para mostrar sus principales contenidos. Por ejemplo, un sitio de tarjetas electrónicas puede necesitar Flash para mostrar tarjetas animadas y/o interactivas (contenido principal). Pero cuando el uso de estas tecnologías no es una necesidad, evitar su uso para proveer contenido primario será tan bueno para tus visitantes como lo será para ti.