For affordable and reliable web hosting look to 1&1 Web Hosting
Internet >
Web Design
Uso inteligente de tecnologías para construir sitios web más accesibles
By : diegosolo
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 (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.
Diego Ponce de Le'n
Corrientes, Argentina
webmaster@htmlquick.com
HTMLQuick.com
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 (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.
Diego Ponce de Le'n
Corrientes, Argentina
webmaster@htmlquick.com
HTMLQuick.com
|
|
Keywords:
para sitio flash contenido visitantes tecnologas animaciones informaci