• 
• 
• 
• 
• 

Hoja de estilo actual: Número 1.

A vueltas con la Accesibilidad y la Usabilidad

Como ya explicamos en el artículo “Santísima Trinidad del diseño web“, por Accesibilidad entendemos la capacidad de acceso a nuestro sitio web de las personas independientemente de su grado de discapacidad (física, intelectual o técnica), mientras que por Usabilidad entendemos todo aquello que no se ha tenido en cuenta en el punto anterior, Accesibilidad web. Es decir, lo que pretende la Usabilidad es hacer que nuestro sitio web sea empleado por los usuarios independientemente de su grado de discapacidad.

Hoy en Art Project Group vamos a dar una nueva vuelta de tuerca al tema y vamos a analizar distintas partes de nuestro sitio web gracias a algunas herramientas on-line gratuitas.

Una de las cosas más importantes a la hora de afrontar la Accesibilidad y la Usabilidad es el color, para ello tenemos varias herramientas que nos pueden ser útiles:

• Para analizar el contraste de color: Color Contrast Analyzer Juicy Studio o AccessColor – Access Keys.
• Para analizar cómo se verá nuestro sitio web si tenemos dificultad para distinguir los colores (Protanopia, Dueteranopia o Tritanopia): Colorblind Web Page Filter – Color Filter o Vischeck.

Otra cosa a tener en cuenta es el contenido en sí:

• Para analizar el tamaño: GetContentSize, siendo recomendable menos de 200 palabras.
• Para analizar la redacción: Readability Test, aquí hay tres parámetros a tener en cuenta: Gunning-Fog – años de “escuela” necesarios para entender el contenido, Flash reading ease – indica de 0 a 100 la facilidad de lectura, siendo el más alto el más fácil, y por último Flesch-Kincaid grade level – similar a Guning-Fog, pero mide desde 0 a 12.
• Para analizar las imágenes: Image Analyser, tiene en cuenta los atributos Alt, Width, Height y Longdesc.
• Para analizar la ortografía: Orangoo Spell.

Ahora vamos a analizar cómo se verá nuestro sitio web en el navegador:

• Para analizar la resolución de pantalla: Screen Size Tester, como mínimo debemos tener en cuenta 800×600 y 1024×768 píxeles.
• Para analizar los distintos navegadores y sistemas operativos: BrowserShots.

Por último veremos otras herramientas:

• Para analizar nuestra accesibilidad: TAW, WAVE o Cynthia, aunque el que más nos gusta es HERA.
• Para analizar nuestra normalización, última pata de la Santísima Trinidad: W3C Markup Validation Service, W3C CSS Validation Service y W3C Link Checker.

Para dar por terminado el artículo os vamos a recomendar algunas extensiones para Mozilla Firefox que nos serán de mucha utilidad para estos menesteres:

1. HTML Validator, un auténtico “todo en uno” y en español.
2. Web Developer, sobre todo nos permite ver y editar las hojas de estilo, pero también nos permite inhabilitarlas.
3. Firebug, sin palabras, en Art Project Group no seríamos nadie sin él.
4. TAW3 en un click, Test de Accesibilidad Web en Mozilla Firefox.
5. Total Validator, el que usamos en Art Project Group.
6. CSS validator, el oficial de la W3C.
7. Page validator, el oficial de la W3C.

Hay muchos más, pero eso os lo dejamos para vosotros. Si tienes alguna otra herramienta que no conozcamos coméntanosla para que la usemos y te demos nuestro veredicto.

Sé accesible, sé usable, sé válido, sé mejor.

¿Disfrutó esta entrada? Por qué no deja un comentario abajo y continúa la conversación, o se suscribe al feed y obtiene artículos como este enviados a su lector de feeds.