La mejor mano,una web accesible. Empezamos

Para crear sitios web accesibles debemos de seguir una serie de pasos básicos para cumplir los requisitos de  de la w3c. Aunque algunos piensen que sólo sabe tocar los cojones, cosa que a veces es cierta, también debemos de pensar en aquellas personas que no tienen la suerte de contar con todos sus sentidos en perfectas condiciones. Así que vamos a empezar poquito a poco y ya vereis como tampoco duele tanto.

Consta de 3 pasos fundamentales que si seguimos desde un principio nos facilitarán las cosas muchísimo.

• La información debe de estar estructurada y con un sentido lógico
• Proporcionar estilo, apariencia y buena colocación a los elementos.
• Comprobar la accesibilidad de la página.

Contenido y estructuración. El texo debe de aparecer íntegramente sin estilos ni presentaciones visuales. Utilizaremos los elementos estructurales básicos para añadir valor semántico a los contenidos, no para añadir estilos, márgenes, destacar textos, etc…

• Encabezados. Describe brevemente el tema de la sección que introduce.
• Listas. Enumeran elementos.
• Párrafos. Una idea principal o concepto por párrafo.
• Tablas de datos. Indican datos tabulares y nunca se deben de usar para diseñar ni maquetar.

Debemos seguir las últimas versiones de los estándares cuando estén disponiblesy así garantizarnos la compatibilidad futura durante el máximo de tiempo posible.

Si insertamos imágenes, objetos programados o multimedia con contenido relevante debemos de proporcionar alternativas textuales equivalentes.

Presentación y maquetación. Hay que separar el contenido de la presentación. Es decir, una página web debe de entenderse tanto si se accede desde un ordenador convencional, en blanco y negro, con un móvil, etc… Una vez estructurado bien el sitio podemos organizar la presentación a través de estilos y elementos decorativos.

El estilo uniforme a lo largo de todo el sitio web es esencial para aquellas personas que tienen más dificultad para aprender y leer, además de facilitar la navegación a los usuarios. Si dos elementos se muestran de manera distinta es posible que no se identifique adecuadamente uno de ellos.También ayuda a los usuarios a localizar mecanismos de navegación más fácilmente, así como saltarnoslo para ir directamente a los contenidos.

Maquetar contenido con tablas de datos dificulta la comprensión del sitio, por eso dejaremos las hojas de estilo (CSS).

Revisión. Después de construir el siti web debemos de revisar minuciosamente el código del sitio. Para ello desiponemos de herramientas para validar los requisitos de accesibilidad. Y el lenguaje usado debe de ser lo más sencillo posible para que lo entienda el mayor número posible de personas.

Herramientas útiles

• Validador de código HTML
• Validador de código CSS
• Nivel de Accesibilidad
• JAWS para Windows

Espero haberos ayudado. Saludos!!

Si te gusta este post puedes subscribirte al feed de consultor seo & sem!