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.

Por Normalización o Estandarización entendemos el uso de las normativas establecidas por los distintos organismos responsables de establecerlos y publicarlos, en el caso de la web este organismo responsable es el W3C (World Wide Web Consorcium). Este organismo es el encargado de establecer y publicar los Estándares Web y Pautas. Hoy es imprescindible exigir que nuestros sitios web cumplan con dichas normativas y pasen las distintas herramientas de validación, principalmente: http://validator.w3.org, http://jigsaw.w3.org/css-validator y http://validator.w3.org/feed.

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). Hoy en día se ha vuelto también un parámetro imprescindible a la hora de diseñar un sitio web. Existen muchos organismos encargados de marcar las pautas de accesibilidad pero el más importante vuelve a ser la W3C con su WAI (Web Accessibility Initiative) y sus pautas WCAG (Web Content Accessibility Guidelines), donde marca tres niveles de Prioridad y tres niveles de conformidad: Nivel A, Doble A y Triple A, según el grado de cumplimiento de dichos niveles. También existen herramientas para verificar el nivel de accesibilidad de nuestro sitio web, los principales son: TAW, SIDAR y Cynthia!

Por último, entendemos 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. Hace especial hincapié en el diseño más que en el código en sí como en los casos anteriores. Su pretensión es hacer lo más sencillo posible el uso de nuestro sitio o aplicación web y abrirla al mayor número posible de usuarios.

Gracias al empleo de estas tres técnicas conseguiremos varios objetivos:

• Conseguir mejorar nuestro posicionamiento e indexación en los buscadores de la Internet.
• Conseguir que la mayor parte de nuestros visitantes puedan usar y ver nuestro sitio web, independientemente de su navegador, resolución o discapacidad. Si hacemos las cosas correctamente nos aseguraremos que el 97% de los usuarios podrán hacer uso de nuestra web de forma correcta y sencilla.
• Conseguir más y mejores visitas. Al estar bien posicionado en los buscadores y aceptar al 97% de nuestros visitantes conseguiremos más y mejores visitas a nuestro sitio web.

Si tu webmaster no cumple con las expectativas propuestas, no dudes en cambiar de webmaster. Art Project Group es especialista en Estandarización, Accesibilidady Usabilidad, además de emplear técnicas SEO Friendly en el propio código fuente para mejorar y optimizar el posicionamiento de tu sitio web.

Para informar a Google lo único que vamos a hacer es crear un fichero llamado sitemap.txt y colocaremos en cada línea la URL completa de todas y cada una de las páginas web que queremos que sean indexadas por Google. Existe otra alternativa y es la de crear un archivo XML llamado sitemap.xml que, al fin y al cabo, realizará la misma función.

Estos archivos los podemos crear de forma manual, o podemos emplear algunas herramientas que están a nuestra disposición. Yo personalmente recomiendo esta: Create your Google Sitemap Online. Para mi gusto es la mejor, con diferencia. No sólo nos va a crear los archivos necesarios, sino que también nos los va a validar. Además, y por si fuera poco, te permite enviar un ping con la dirección del archivo sitemap a Google, Yahoo!, Ask y Moreover.

Obviamente para poder utilizar esta herramienta, Google Herramientas para webmasters, debemos disponer de una cuenta en Google y validar nuestro sitio web, o dejar el trabajo duro a nuestro SEO de cabecera.

Además de utilizar estos archivos en Google, podemos hacer lo mismo en Yahoo! gracias a su Yahoo! Site Explorer. Volvemos al mismo tema que antes, debemos disponer de una cuenta en Yahoo!, y además hay que validar el sitio web, o de nuevo dejar el trabajo a nuestro SEO.

Esperamos que con esta pequeña guía os hagáis una idea del funcionamiento de estas herramientas.