Alejandro Arco

La usabilidad web se refiere a la facilidad o dificultad de uso de una aplicación web, es decir, al nivel en el que el diseño de una interfaz web facilita o dificulta su uso. De este modo, la experiencia del usuario se basa en estos tres principios de usabilidad web: facilidad de uso, flexibilidad en el intercambio de información y la robustez de la web.

Todo sitio web usable debe responder a las necesidades del usuario, de este modo detallaré a continuación algunas de las pautas de usabilidad web comunes a cualquier interfaz web.

Pautas de usabilidad web

• Cumplir con los estándares web de la W3C.
  Validar XHTML y CSS
• Hacer que nuestro sitio web sea accesible.
  Validar accesibilidad web
• Realizar mapa web, distribución racional y consistente.
• Tiempos de carga reducidos, captar la atención del usuario.
• Logotipo enlazado con la sección de inicio.
• Eslogan que describa la temática del sitio web.
  Usabilidad web: administracion de sistemas y desarrollo web de aplicaciones.
• Lo más importante, siempre debe aparecer al principio de la web.
• Existencia de un buscador que funcione correctamente.
• Texto claramente legible y formateado, incluso en las imágenes.
• Botones de acción llamativos.
  Usabilidad web: botón llamativo de comprar ó enviar formulario.
• Enlaces para acción alternativa, aunque menos deseables.
  Usabilidad web: botón adicional de reestablecer formulario menos llamativo.
• Diseño web inteligente con facilidad de navegación.
  Usabilidad web: menú en la cabecera y en el pie de página redundante.
• No debe haber momento de fin de proceso.
  Usabilidad web: una vez finalizado un proceso de compra se mostrarían artículos adicionales destacados.
• Control de errores 404.
  Usabilidad web: página 404 personalizada con información relevante del sitio.
• Hacer uso de atajos de teclado “accesskey”.
  Usabilidad web: asignar atajos de teclado a las secciones estáticas relevantes.

¿Podemos hablar por tanto de los parámetros de usabilidad web como algo que va más allá de una guía de estilo realizada por el diseñador web? La respuesta es sí.

A todos los puristas de la validación web y el seo nos agrada cumplir con los estándares web de la W3C, por este motivo la inserción de contenidos flash dentro de nuestro código XHTML y HTML siempre nos había supuesto un quebradero de cabeza, ya que la etiqueta embed no se encuentra incluida dentro de los estándares web de la W3C.

Por este motivo, voy a aportar una manera de validar flash de forma accesible ya que validación flash no cumple con las pautas de accesibilidad web de prioridad 1 a menos que incluyamos una etiqueta noembed.

Características validar flash, validar swf, validar embed

• No se hace uso de javascript.
• No se hace uso de la etiqueta embed y noembed.
• No hay redundancia de información en la inicialización del contenido flash.
• Cumple los estándares web de la W3C y las pautas de accesibilidad web.
• Se visualiza contenido alternativo en caso de que el usuario no tenga el flash player instalado.

Ejemplo validar flash, validar swf, validar embed

<object type="application/x-shockwave-flash" data="/play-audio.swf">
<param name="movie" value="/play-audio.swf" />
<param name="flashvars" value="file=/audio.mp3" />
<img src="/flash-no-disponible.jpg" alt="Flash Player no disponible" />
</object>

Espero que este nuevo artículo sobre la validación web y mas concretamente sobre la validación flash os sea de utilidad para vuestros proyectos web.

A continuación muestro algunas de las herramientas online más usadas para validar la accesibilidad web, estos validadores de la accesibilidad web evalúan todos y cada uno de los elementos y páginas que las componen de forma automátizada e informan de si se encuentran errores y qué puntos de verificación de las pautas deben ser revisados manualmente.

Validar Accesibilidad Web Online

• Validador eXaminator
  eXaminator (revisa y evalúa la accesibilidad en la web)
• Validador Hera
  Hera (revisando la accesibilidad con estilo)
• Validador TAW
  TAW (test de accesibilidad web)
• Validador WAVE
  WAVE (validador accesibilidad web - en inglés)

La accesibilidad web se encuentra estrechamente ligada con el cumplimiento de los estándares web de la W3C, de este modo recomiendo validar en un primer momento el cumplimiento de estos estándares (ver artículo Validar XHTML y CSS) y una vez cumplidos pasar a la validación de la accesibilidad web de nuestros sitios.

Fuente: Alejandro Arco

Todos los profesionales seo solemos hacer especial incapié en cumplir los estándares web de la W3C, para ello, usamos distintas herramientas disponibles tanto por la W3C como por otros medios. A continuación detallo algunas de las herramientas actualmente disponibles para la validación XHTML y CSS.

Validar XHTML y CSS

• Validador XHTML
  W3C XHTML (validador de la W3C)
• Validador CSS
  W3C CSS (validador de la W3C)
• Validador XHTML y CSS
  Validador XHTML y CSS (herramienta que usa los validadores de la W3C)
  Multipage Validator (herramienta que usa los validadores de la W3C pero permite validar URLs de forma múltiple)
• Validador para Firefox XHTML y CSS
  HTML Validator - Tidy (extensión Tidy para Firefox que valida en tiempo real el documento actual)

Este artículo está especialmente enfocado a la validación XHTML y CSS y no a la accesibilidad web (se publicarán artículos proximamente), aunque en gran medida esté estrechamente relacionado. Espero que el artículo os sea de utilidad a los profesionales seo y a los iniciados.

Fuente: Alejandro Arco