La Accesibilidad de la Web


Definición de Accesibilidad

La accesibilidad de una web está definida por la facilitación del acceso al contenido de la web a todas las personas, que independientemente de la discapacidad física, intelectual o técnica que presenten, deseen acceder.

La Aplicación de la Accesibilidad

La correcta accesibilidad de tu web ayudará al número de visitas que tendrá la misma ya que facilitar el acceso a todo el tipo de usuarios, incluidas las arañas de los buscadores a las que hemos de tratar como un usuario más.

En muchas ocasiones habrás leido que los buscadores “ven” la página web de una forma “disitinta” a como la ve un usuario y es cierto, lo normal es que las arañas de los buscadores “vean” el contenido de tu página web de la misma forma que lo haría el lector de pantalla de una persona ciega.

Pongamos un ejemplo para entenderlo mejor.

Utilizando este código: <img src="imagen.jpg"/> colocarías una imagen en tu web. Esta imagen mostraría por ejemplo una tabla de surf decorada con un texto que diga “20% de descuento”.

Ante lo que se mostraría en tu web, el usuario medio podrá ver la tabla de surf, leer el cartel del 20% de descuento y deducir que las tablas de surf están de oferta. No obstante, tanto el lector de pantalla de un usuario ciego, como las arañas de los buscadores solo leerán “imagen.jpg” y seguirán su camino con lo que tu web estará perdiendo dos oportunidades, una de vender a un usuario con una deficiencia visual y otra de informar a los buscadores que tienes una oferta.

Para solucionar este tipo de problemas existe la accesibilidad y su mejor herramienta, los códigos alternativos o informaciones extendidas.

Los Códigos Alternativos

Volviendo a nuestro ejemplo de la tabla de surf, en el código de la imagen colocaríamos varias etiquetas que ayudarán a ambos tipos de usuario a acceder a la información; la etiqueta alt="", la etiqueta Longdesc="" y la etiqueta Title="". Además el nombre la imagen podría ser “tabla-surf-descuento.jpg”

Nuestro código por tanto quedaría así:

<img src="tabla-surf-descuento.jpg" alt="Talba de surf" longdesc="Tabla de surf con un veinte por ciento de descuento" title="Tabla de surf"/>

Cómo puedes ver al mejorar la accesiblidad de tu página web también estás mejorando la Keyword Density, pues estás informando en varias ocasiones que tu web trata sobre Tablas de Surf, o como dirían los Mártires del Compás, “Tablas de Winfirsu” :)

Existen otros muchos códigos alternativos para los diferentes tipos de archivos, ya sean videos, flash o cualquier otro que puedas pensar, pero haríamos este post demasiado largo y demasíado técnico. 

Para ampliar la información sobre accesiblidad te recomiendo leer la guia del INTECO, son unas 600 páginas de información relacionada con la usabilidad y accesiblidad, y sí, tal y como sospechas es un tostón lleno de obviedades,  pero es el mejor sitio para comenzar a formarte en estos temas en Español. Si controlas inglés entonces acude a W3C

En definitiva al leer estas guias verás que todo se resume a utilizar la lógica mas aplastante… así por ejemplo, un texto pequeño será dificil de leer por una persona con una deficiencia visual,  una web realizada enteramente en flash y sin códigos alternativos no será accesible por los usuarios que no tengan el reproductor para este tipo de archivos, etc.


No se puede comentar.