Usable y accesible

Herramienta de ayuda para validar de acuerdo a las WCAG 2.0

2012-02-14T16:34:00.002+01:00

En el artículo anterior "Herramienta de ayuda para realizar una consultoría de accesibilidad web" compartía y explicaba una herramienta de ayuda para realizar una consultoría de accesibilidad web respecto a las WCAG 1.0 y la Norma UNE 139803.

Ahora comparto la versión de esa herramienta para realizar una consultoría de accesibilidad en base a las WCAG 2.0

El funcionamiento es el mismo, por tanto se puede consultar la descripción detallada en el artículo anterior.

La única novedad es que en cada criterio de éxito incluyo una descripción amigable de lo que hay que revisar en cada uno de ellos. Esta descripción está basada en la traducción de WebAIM`s WCAG 2.0 Checklist por parte de Jose Ramón Quevedo.

Otra herramienta complementaria que os recomiendo es la WCAG 2.0 Checklist de Roger Hudson, en la cual incluye por cada criterio de éxito las técnicas a aplicar (está en formato Word y no genera datos automáticos como la que yo comparto)

La descarga es gratuita.

Descarga de la herramienta de ayuda para realizar una consultoría de accesibilidad web de acuerdo a las WCAG 1.0/Norma UNE 139803. Archivo excel .XLSX de 85.6 KB

Descarga de la herramienta de ayuda para realizar una consultoría de accesibilidad web de acuerdo a las WCAG 2.0. Archivo excel .XLSX de 84 KB

Esta prohibido su uso comercial y su distribución sin permiso del autor.

Servicio relacionado: Consultoría de accesibilidad web

Artículos relacionados:

Herramienta de ayuda para realizar una consultoría de accesibilidad web

2012-01-25T14:04:00.003+01:00

Servicio relacionado: Consultoría de accesibilidad web

Comparto con vosotros una herramienta personal que he creado para ayudar a realizar el informe resultante de una consultoría de accesibilidad web de acuerdo a las WCAG 1.0 y la Norma UNE 139803. Al final del artículo tenéis la descarga.

Novedad febrero 2012. Incluyo una nueva versión para validar de acuerdo a las WCAG 2.0

Consultar otros materiales de apoyo en la zona de descargas

Qué es y qué no es

NO es una herramienta para realizar una revisión automática de la accesibilidad web de un portal.

Es una herramienta que permite ir recogiendo los datos obtenidos durante la revisión automática y manual del sitio de acuerdo a la Norme UNE 139803, que es un poco más exigente que las WCAG 1.0 (ver diferencia entre las WCAG 1.0 y la Norma UNE 139803), y que te genera información de utilidad para realizar el informe.

Cuando redactas el informe que refleja los resultados de la consultoría hay dos apartados claves:

el análisis detallado donde incluyes por cada punto de verificación y página de la muestra qué se pretende evaluar y cómo se ha evaluado, qué errores se han cometido, cómo solucionarlos técnicamente y cómo evitarlos en el resto del portal. Este apartado debe estar orientado a los desarrolladores que van a realizar los cambios.
el resumen de la evaluación, que está destinado a las personas que han contratado la consultoría y que no tienen por qué tener conocimientos técnicos. En este resumen se indica de manera concisa y clara, sin entrar en aspectos técnicos, cuáles son los principales problemas en base a su criticidad y recurrencia, el nivel de adecuación alcanzado por la muestra y por cada una de sus páginas, etc.

Los datos que genera la herramienta que comparto son especialmente útiles para ese resumen de la evaluación. Genera un resumen del nivel de adecuación A y AA (tanto de la muestra en general como de cada una de sus páginas) datos estadísticos y gráficas que permiten resumir y presentar de forma concisa y muy gráfica los resultados. También nos ayuda a nosotros a identificar con rapidez cuáles son los puntos de verificación y las páginas que presentan más problemas.

Descripción de la herramienta

Está en formato Excel. Todos los campos están protegidos salvo aquellos que se deben ir rellenando. Es una herramienta de uso personal que he decidido compartir, así que su funcionamiento y organización están basados en mi manera habitual de trabajar.

La Excel está dividida en cuatro pestañas:

Pestaña 1: General

En esta pestaña se rellenan los datos generales sobre la web a analizar:

Fecha: rango de fechas entre las que se realiza la evaluación
Web: URL de la web que se analiza
Cliente: cliente para el que se realiza la consultoría
Evaluador: persona que lleva a cabo la evaluación
Nº de páginas de la muestra: nº de páginas que componen la muestra a evaluar. Está pensada para un máximo de 15.
Datos de las páginas de la muestra: alias por el cual haremos referencia a esa página y su URL. El alias que demos a cada página de la muestra será el que automáticamente se adjudique en el resto de la Excel para identificar a esa página.

Pestaña 2: A

La labor que debe hacer el evaluador en esta pestaña es indicar por cada una de las páginas de la muestra y por cada uno de los puntos de verificación de nivel A si dicha página cumple, no cumple o no se aplica el correspondiente punto de verificación que está analizando.

Por tanto por cada punto de verificación de nivel A y cada página de la muestra encontramos las siguientes columnas:

el punto de verificación a evaluar
el nivel de dicho punto. Se indica si es A, si es A sólo según la Norma UNE 139803, o si sólo es A en determinado contexto
un listado con las páginas de la muestra. El nombre que aparecerá será el alias que se le ha dado a cada página en la primera pestaña.
un desplegable por cada página para indicar si dicha página cumple con el punto de verificación. Es lo que debe rellenar el evaluador a medida que avanza en el análisis de accesibilidad de las páginas. Los valores disponibles son:
- Sí: la evaluación manual (o automática cuando sea posible) determina que cumple dicho punto de verificación.
- No: la evaluación manual (o automática cuando sea posible) determina que no cumple dicho punto de verificación.
- No se aplica: cuando el punto de verificación no es aplicable a la página porque no es posible una respuesta "sí" o "no". Por ejemplo, el punto de verificación 1.2 dice “Proporcione vínculos redundantes en formato texto para cada zona activa de un mapa de imagen del servidor”, si la página analizada no tiene mapas de imagen de servidor, no puedes indicar que se han proporcionado vínculos para cada zona activa ni que no se han proporcionado, simplemente no se aplica porque no se utilizan mapas de imagen de servidor.
un desplegable para indicar si la muestra en su conjunto cumple el punto de verificación. Los valores disponibles son los mismos que en el caso anterior. El evaluador deberá especificarlo en base a:
- si alguna de las páginas no cumple el punto de verificación, la muestra en su conjunto no lo cumple
- si el punto de verificación no se aplica a todas las páginas, dicho punto no se aplica a la muestra en su conjunto
- sí ninguna de las páginas no cumple el punto el punto de verificación (es decir, sólo hay páginas que lo cumplen o en las que no se aplica), la muestra en su conjunto cumple el punto de verificación

Para hacerlo más visual y localizar con más facilidad el tipo de datos insertados, en función del valor especificado se estable un código de color:

¿Que información nos genera esta pestaña?

En la imagen anterior se ve que por cada punto de verificación nos incluye un resumen del número de páginas de la muestra que cumple, no cumplen o en las que no se aplica dicho punto de verificación.

El grueso de la información generada la encontramos a la derecha de las columnas especificadas anteriormente:

Los datos que proporciona son:

una tabla resumen del cumplimiento de nivel A de la muestra en general. El nº de puntos que se cumplen, no se cumplen o no se aplican y qué porcentaje suponen respecto al número de puntos que hay que cumplir. Se ofrece el porcentaje de cumplimiento y no cumplimiento tanto teniendo en cuenta los puntos no aplicables como sin tenerlos en cuenta.
gráfico que refleja también el resultado del porcentaje de cumplimiento y no cumplimiento del nivel A de la muestra. Para la realización del gráfico no se tienen en cuenta los puntos no aplicables, es decir, a la hora de hacer la estadística se restan del número de puntos que hay que cumplir.

una tabla resumen por cada una de las páginas de la muestra. Por cada página podemos ver el número de puntos de nivel A que cumple, no cumple o no se aplican, y el porcentaje que suponen respecto al número de puntos que se han de cumplir. Se ofrece el porcentaje de cumplimiento y no cumplimiento tanto teniendo en cuenta los puntos no aplicables como sin tenerlos en cuenta.

gráfico de barras que refleja también el porcentaje de cumplimiento y no cumplimiento del nivel A de cada página de la muestra. Para la realización del gráfico no se tienen en cuenta los puntos no aplicables, es decir, a la hora de hacer la estadística se restan del número de puntos que hay que cumplir.

Esta información nos permite conocer el nivel de adecuación de la muestra y de cada página. Nos permite además localizar de forma visual las páginas que más problemas tienen.

Pestaña 3: AA

El funcionamiento y los datos que genera son equivalentes a la pestaña A pero para los puntos de verificación de nivel AA.

Los datos se generan para los puntos de verificación AA y para los puntos de verificación A+AA.

Los primeros son sólo a modo informativo y sirven también de base para calcular los realmente importantes, los datos A+AA.

Para alcanzar el nivel de adecuación AA es necesario cumplir con los puntos de verificación A y AA, por tanto los gráficos y estadísticas que nos informan del nivel de adecuación AA de la muestra son los datos A+AA.

Pestaña 4: Por puntos de verificación

Esta pestaña nos da una perspectiva global de los puntos de verificación que más problemas están generando. Por cada uno de ellos, en una tabla, agrupados por nivel A o AA, se indica el nº de páginas de la muestra que lo cumplen, no lo cumplen o en las que no se aplica.

Se generan una serie de gráficas que permiten identificar cuáles son los más o lo menos problemáticos.

Descarga de la herramienta

La descarga es gratuita.

Descarga de la herramienta de ayuda para realizar una consultoría de accesibilidad web de acuerdo a las WCAG 1.0/Norma UNE 139803. Archivo excel .XLSX de 85.6 KB

Descarga de la herramienta de ayuda para realizar una consultoría de accesibilidad web de acuerdo a las WCAG 2.0. Archivo excel .XLSX de 84 KB

Esta prohibido su uso comercial y su distribución sin permiso del autor.

Servicio relacionado: Consultoría de accesibilidad web

Artículos relacionados:

Sirius. Nuevo sistema para la evaluación de la usabilidad web

2011-07-20T02:14:00.014+02:00

Última actualización: 06/09/2011

Novedad septiembre 2011

Nueva versión de la excel para la evaluación de la usabilidad web según la metodología Sirius.

Checklist para la evaluación de la usabilidad web según la metodología Sirius. Versión 3

Formato: Excel, 87 KB

Licencia: descarga directa. No require aceptación de contrato Coloriuris.

En esta nueva versión el cálculo del porcentaje de usabilidad del sitio evaluado se realiza completamente de forma automática. Ya no es necesario rellenar manualmente la columna relevancia ni es necesario habitar macros.

Las mejoras de esta nueva versión han sido realizadas por Cecilio Sánchez.

Más información sobre la excel

El objetivo de este artículo es doble:

por un lado difundir el nuevo sistema de evaluación de la usabilidad web propuesto por Mª del Carmen Suárez Torrente en su tesis: Sirius: Sistema de Evaluación de la Usabilidad Web Orientado al Usuario y basado en la Determinación de Tareas Críticas (PDF, 3.39 MB) de febrero de 2011
compartir una excel que ayude a evaluar la usabilidad de los sitios web según la nueva metodología: Checklist para la evaluación de la usabilidad web según la metodología Sirius (Novedad: versión 3 de la excel con cálculo completamente automático del porcentaje de usabilidad del sitio evaluado)

¿En que consiste el nuevo sistema de evaluación?

Es un sistema de evaluación de la usabilidad web que parte de la evaluación heurística pero que aúna una serie de características que la diferencia de otras propuestas:

se aplica a cualquier tipo de sitio web
es aplicable durante todo el ciclo de vida del sitio
da como resultado un valor porcentual del nivel de usabilidad del sitio evaluado, un dato por tanto cuantitativo, lo cual permite:
- cuantificar y comparar la mejora de usabilidad de un sitio en el tiempo
- comparar la usabilidad de diferentes portales de un mismo sector o que por ejemplo compitan por un premio de usabilidad
- establecer clasificaciones y rankings en base a la usabilidad
- comparar el nivel de usabilidad obtenido por un sitio en el tiempo con los resultados de las ventas obtenidas por dicho sitio en ese periodo de tiempo. En la tesis se incluye un ejemplo de este tipo, comprobando que efectivamente la mejora de la usabilidad impacta en las ventas y en qué medida.
- determinar la relación entre usabilidad y accesibilidad (si a mayor nivel de accesibilidad el portal consigue un mejor resultado en su valor de usabilidad)
se tiene en cuenta el tipo de sitio evaluado, de manera que la relevancia de los errores está relacionado con el tipo de sitio.
permite inferir los elementos a subsanar en el sitio atendiendo a su prioridad, pudiéndose ordenar por este criterio aquellas mejoras que son críticas.
permite desarrollar una herramienta de evaluación que dé soporte al sistema de evaluación planteado y facilite la validación empírica de la propuesta de evaluación.

Puesto que su propuesta se basa en la evaluación heurística, en el capítulo 3 repasa todas las propuestas de heurísticas y métricas asociadas más relevantes que existen, la de Shneiderman, Nielsen, Constantine, Instone, Tognazzini, etc. indicando por cada una de ellas sus limitaciones, que según cada caso pueden ser:

que no permitan obtener un valor cuantitativo de la usabilidad del sitio
que no proporcionen una relación de items a evaluar asociados a las heurísticas propuestas
que no sean aplicables a cualquier tipo de sitio web
que no tengan en consideración el tipo de sitio evaluado, en función del cual el impacto del incumplimiento de una heurística debería ser diferente

Este repaso constata además que diversos autores han propuesto diferentes conjuntos de heurísticas o principios a través de los cuales realizar la evaluación, lo cuál hace difícil actualmente poder establecer una sistemática en la evaluación.

Clasificación de sitios web

Como he indicado, la evaluación tiene en cuenta el tipo de sitio web, pues la relevancia del cumplimiento o no de un criterio será diferente en función del tipo de sitio.

Por ello realiza una clasificación de sitios web con el objetivo de:

Adaptar los resultados de la evaluación de un sitio a la categoría del mismo, ponderando los valores obtenidos en función del tipo de sitio considerado.
Determinar por cada tipo de sitio las tareas que se consideran críticas y el perfil de usuario más habitual del mismo. De esta manera, se facilita el diseño de las pruebas de evaluación que sería preceptivo realizar con los usuarios del sitio tras la realización de la evaluación heurística propuesta en el trabajo (y una vez subsanados los errores encontrados)

Ante la falta de consenso en las clasificaciones existentes, que repasa en el capítulo 4, elabora una nueva clasificación en base a su funcionalidad (cuya metodología para elaborarla explica en el capítulo 6):

Por cada uno de estos tipos determina su audiencia y las tareas críticas o relevantes en el mismo (páginas 112-115)

Heurísticos y subheurísticos

Se establece una única relación de elementos a evaluar denominados criterios (subheurísticas), agrupados en aspectos (heurísticas) que será utilizada por todos los expertos implicados en el
proceso de evaluación. Con una única relación de elementos a evaluar se consigue unificar los criterios para llevar a cabo una evaluación heurística de un sitio web.

Los heurísticos definidos y sus criterios evaluables son:

Aspectos generales

Elementos relacionados con los objetivos del sitio, el look & feel, coherencia y nivel de actualización de contenidos.

AG1: Objetivos del sitio web concretos y bien definidos
AG2: Contenidos y servicios ofrecidos precisos y completos
AG3: Estructura general del sitio web orientada al usuario
AG4: Look & feel general se corresponde con los objetivos del sitio web
AG5: Diseño general del sitio web reconocible
AG6: Diseño general del sitio web coherente
AG7: Se utiliza el idioma del usuario
AG8:Se da soporte a otro/s idioma/s
AG9: Traducción del sitio completa y correcta
AG10: Sitio web actualizado periódicamente

Identidad e Información

Elementos relacionados con la identidad del sitio, la información proporcionada sobre el proveedor y la autoría de los contenidos.

II1: Identidad o logotipo significativo, identificable y suficientemente visible
II2: Identidad del sitio en todas las páginas
II3: Eslogan o tagline adecuados al objetivo del sitio
II4: Información sobre sitio web, empresa
II5: Existen mecanismos de contacto
II6: Se ofrece información sobre la protección de datos de carácter personal o los derechos de autor de los contenidos del sitio web
II7: Se ofrece información sobre el autor, fuentes y fechas de creación y revisión del documento en artículos, noticias, informes

Estructura y Navegación

Elementos relacionados con la idoneidad de la arquitectura de la información y la navegación del sitio.

EN1: Se ha evitado pantalla de bienvenida
EN2: Estructura de organización y navegación adecuadas
EN3: Organización de elementos consistente con las convenciones
EN4: Control del número de elementos y de términos por elemento en los menús de navegación
EN5: Equilibrio entre profundidad y anchura en el caso de estructura jerárquica
EN6: Enlaces fácilmente reconocibles como tales
EN7: La caracterización de los enlaces indica su estado (visitados, activos)
EN8: Se ha evitado la redundancia de enlaces
EN9: Se ha evitado la existencia de enlaces rotos
EN10: Se ha evitado que haya enlaces que lleven a la misma página que se está visualizando
EN11: En las imágenes de enlace se indica el contenido al que se va a acceder
EN12: Existe un enlace para volver al inicio en cada página
EN13: Hay elementos de navegación que orienten al usuario acerca de dónde está y cómo deshacer su navegación (migas, pestañas coloreadas)
EN14: Existe mapa del sitio para acceder directamente a los contenidos sin navegar

Rotulado

Elementos relacionados con la significación, corrección y familiaridad del rotulado de los contenidos.

RO1: Rótulos significativos
RO2: Sistema de rotulado controlado y preciso
RO3: Título de las páginas, correcto y planificado
RO4: URL página principal correcta, clara y fácil de recordar
RO5: URL de páginas internas claras
RO6: URL de páginas internas permanentes

Layout de la página

Elementos relacionados con la distribución y el aspecto de los elementos de navegación e información en la interfaz.

LA1: Se aprovechan las zonas de alta jerarquía informativa de la página para contenidos de mayor relevancia
LA2: Se ha evitado la sobrecarga informativa
LA3: Es una interfaz limpia, sin ruido visual
LA4: Existen zonas en blanco entre los objetos informativos de la página para poder descansar la vista
LA5: Uso correcto del espacio visual de la página
LA6: Se utiliza correctamente la jerarquía visual para expresar las relaciones del tipo "parte de" entre los elementos de la página
LA7: Se ha controlado la longitud de página
LA8: La versión impresa de la página es correcta
LA9: El texto de la página se lee sin dificultad
LA10: Se ha evitado el texto parpadeante/deslizante

Entendibilidad y facilidad en la interacción

Elementos relacionados con la adecuación y calidad de los contenidos textuales, iconos y controles de la interfaz.

EF1: Se emplea un lenguaje claro y conciso
EF2: Lenguaje amigable, familiar y cercano
EF3: Cada párrafo expresa una idea
EF4: Uso consistente de los controles de la interfaz
EF5: Metáforas visibles reconocibles y comprensibles (ej. iconos)
EF6: Si se usan menús desplegables, orden coherente o alfabético
EF7: Si el usuario tiene que rellenar un campo, las opciones disponibles se pueden seleccionar en vez de tener que escribirlas

Control y retroalimentación

Elementos relacionados con libertad del usuario en la navegación y la información proporcionada al
mismo en el proceso de interacción con el sitio.

CR1: El usuario tiene todo el control sobre la interfaz
CR2: Se informa al usuario acerca de lo que está pasando
CR3: Se informa al usuario de lo que ha pasado
CR4: Existen sistemas de validación antes de que el usuario envíe información para tratar de evitar errores
CR5: Cuando se produce un error, se informa de forma clara y no alarmista al usuario de lo ocurrido y de cómo solucionar el problema
CR6: Se ha controlado el tiempo de respuesta
CR7: Se ha evitado que las ventanas del sitio anulen o se superpongan
a la del navegador
CR8: Se ha evitado la proliferación de ventanas en la pantalla del usuario
CR9: Se ha evitado la descarga por parte del usuario de plugins adicionales
CR10: Si existen tareas de varios pasos, se indica al usuario en cual está y cuantos faltan para completar la tarea

Elementos multimedia

Elementos relacionados con el grado de adecuación de los contenidos multimedia al sitio web.

EM1: Fotografías bien recortadas
EM2: Fotografías comprensibles
EM3: Fotografías con correcta resolución
EM4: El uso de imágenes o animaciones proporciona algún tipo de valor añadido
EM5: Se ha evitado el uso de animaciones cíclicas
EM6: El uso de sonido proporciona algún tipo de valor añadido

Búsqueda

Elementos relacionados con el buscador implementado en el sitio web.

BU1: Si es necesaria, se encuentra accesible desde todas las páginas del sitio
BU2: Es fácilmente reconocible como tal
BU3: Se encuentra fácilmente accesible
BU4: La caja de texto es lo suficientemente ancha
BU5: Sistema de búsqueda simple y claro
BU6: Permite la búsqueda avanzada
BU7: Muestra los resultados de la búsqueda de forma comprensible para el usuario
BU8: Asiste al usuario en caso de no poder ofrecer resultados para una consultada dada

Ayuda

Elementos relacionados con la ayuda ofrecida al usuario durante la navegación por el sitio.

AY1: El enlace a la sección de Ayuda está colocado en una zona visible y estándar
AY2: Fácil acceso y retorno al/del sistema de ayuda
AY3: Se ofrece ayuda contextual en tareas complejas
AY4: FAQs (si la hay), es correcta tanto la elección como la redacción de las preguntas
AY5: FAQs (si la hay), es correcta la redacción de las respuestas

Métrica de evaluación

A la hora de valorar un criterio se establecen dos tipos de valores de medición (se aplica uno u otro según las características de cada criterio):

una escala de 0-10 que indica el grado de conformidad del evaluador con el cumplimiento del criterio. Se propone una escala proporcional a la que será el resultado de la métrica de evaluación del sitio (un valor comprendido entre 0-100) indicando nula o máxima usabilidad.
un valor textual, que indica si el criterio se cumple o no y en qué extensión del sitio web se detecta el problema en el caso de que el criterio no se cumpla. Este valor lo asigna el evaluador pero, a efectos de cómputo, se aplica el mismo intervalo de medición (de 0-10):
- NTS: no se cumple en todo el sitio (valor de 0)
- NEP: no se cumple en los enlaces principales (valor de 2.5)
- NPP: no se cumple en la página principal (valor de 5)
- NPI: no se cumple en alguna página interior (valor de 7.5)
- S: se cumple el criterio (valor de 10)
- NA: criterio no aplicable en el sitio

En las páginas 134 y siguientes se incluye la relación completa de aspectos, criterios y elementos de evaluación para llevar a cabo la evaluación. Por ejemplo, la tabla para el heurístico “Aspectos generales” sería:

Para la obtención de la medida cuantitativa del nivel de usabilidad y la indicación de la urgencia o prioridad en la mejora de los criterios en los que se ha detectado el fallo, se determinan los
valores de severidad de los aspectos y los criterios en función de los diferentes tipos de sitios considerados en el sistema de evaluación.

Este nivel de severidad es un indicador del nivel de importancia que tiene el incumplimiento de un criterio; al contrario que en otras propuestas NO es el evaluador el que asigna éste valor a la heurística revisada; en esta propuesta el evaluador únicamente se ocupa de cuantificar el incumplimiento, no la severidad o relevancia del mismo.

La relevancia de los aspectos (heurísticas), en función del tipo de sitio se pueden consultar en la tabla de la página 123 y se clasifican en muy alta, alta, media y baja.

La relevancia de los criterios (subheurísticos) en función del tipo de sitio se pueden consultar en las tablas de las páginas 125-131. Se clasifican en:

crítica (CR): el problema identificado es severo. El usuario no podrá completar la tarea y podría no desear seguir utilizando el sitio Web.
mayor (MA): es posible que el usuario complete la tarea pero tendrá mucha dificultad, frustración o incluso tendrá que ejecutar muchos pasos innecesarios. Podrá superarlo después de que se le haya mostrado cómo hacerlo.
media (ME): en la mayoría de casos, el usuario podrá completar la tarea, realizando un moderado esfuerzo para evitar el problema. Pueden necesitar investigar algunos enlaces para determinar que opción les permitirá completar la tarea propuesta. En navegaciones posteriores del sitio, los usuarios probablemente recordaran cómo ejecutar la tarea.
moderada (MO): el problema ocurre de manera intermitente y puede ser fácilmente superado, aunque es irritante para el usuario. Debido principalmente a problemas estéticos.

El valor de relevancia de los aspectos matizará los resultados de la evaluación, de manera que ante dos criterios de igual criticidad, será la relevancia del aspecto al que pertenecen la que determine cuál de ellos será prioritario en su arreglo.

Por último, la fórmula para obtener el valor cuantitativo considera los siguientes conceptos:

Factor de corrección: valor de ajuste que se aplica a cada uno de los criterios evaluados con el fin de obtener diferentes niveles de usabilidad dependiendo de la relevancia de los mismos en función del tipo de sitio web en evaluación. Los valores resultantes al aplicar este factor de corrección debieran llevar a obtener valores de usabilidad comprendidos siempre entre 0 y 100, por tratarse de un porcentaje.
Cálculo del Factor de Corrección: partiendo de los valores correspondientes a los diferentes niveles de relevancia de un criterio, el factor de corrección se calcula dividiendo cada valor de relevancia entre la suma de todos los valores de relevancia de los criterios evaluados.

La fórmula es la siguiente:

nce: número de criterios evaluados. Será como máximo 83, que son los propuestos en este sistema de evaluación. Se considera que alguno de los criterios pueda no ser aplicable al sitio en evaluación y, por lo tanto, no se evalúe.
vc: Valor de evaluación de un criterio (entre 0 y 10).
fc: Factor de corrección aplicado al criterio evaluado. El valor del factor de corrección de cada uno de los criterios evaluados se obtiene de la siguiente manera:

rc : Valor de relevancia que corresponde a un criterio

En este gráfico se resume el sistema de evaluación Sirius:

Herramienta de soporte al sistema de evaluación

La aplicación web que ha desarrollado Mª del Carmen Suárez Torrente como soporte al proceso de evaluación se llama Prometheus y entre sus características destacan:

presenta los criterios a chequear
proporciona el porcentaje de usabilidad obtenido por el sitio
proporciona la relación de criterios a mejorar ordenados por su prioridad, de manera que el primero de la lista es el que mayor incremento de la usabilidad proporcionará
permite visualizar los valores asignados por los evaluadores a cada uno de los criterios evaluados así como las observaciones realizados por los mismos durante el proceso de evaluación.
obtener un informe en formato EARL

Tiene gestión de usuarios, gestión de sitios (un dato básico es el tipo de sitio, que puede ser hibrido), consulta de los resultados de evaluaciones previas, etc.

Mientras la aplicación no sea pública, he preparado una excel para facilitar la aplicación de la metodología Sirius en la evaluación de la usabilidad web.

Excel para ayudar a la evaluación de usabilidad según la metodología Sirius

Se puede descargar de forma gratuita en: Checklist para la evaluación de la usabilidad web según la metodología Sirius. Versión 3 (Excel, 87 KB)

Las mejoras de esta nueva versión han sido realizadas por Cecilio Sánchez.

Versiones anteriores:

Versión 2 (27.07.11): Checklist para la evaluación de la usabilidad web según la metodología Sirius. Versión 2
Versión 1 (20.07.11): Checklist para la evaluación de la usabilidad web según la metodología Sirius. Versión 1

Descripción general de la Excel

La excel está compuesta por diferentes pestañas:

Datos del sitio: en esta pestaña se rellenan los datos generales de la evaluación y del sitio evaluado. El dato "Tipo del sitio" se selecciona de un desplegable. Son los tipos de sitio definidos por la metolología Sirius, la relevancia de los criterios a evaluar dependerá del tipo de sitio que se indique.
Pestaña de la 2-11: hay una pestaña por cada heurístico. En cada una se enuncian los criterios a evaluar. El evaluador debe valorar cada criterio seleccionando las opciones disponibles en la columna "Valor". Estas opciones son las definidas por la metodología y se seleccionan de un desplegable, cuya leyenda puede consultarse en cada pestaña. No debe rellenarse ningún campo más, el resto de valores se calculan automáticamente. Sí se pueden añadir comentarios a cada criterio. Se recomienda poner la referencia a un documento de texto externo donde se expliquen y se documenten.
Pestaña "Cálculo de % de usabilidad": una vez valorados los criterios de los 10 heurísticos se puede consultar en esta pestaña la puntuación que ha obtenido el sitio.
Las pestañas "Tabla de relevancia" y "Valores" sólo contienen datos para los cálculos del porcentaje de usabilidad.

Las limitaciones, frente a lo que sería la aplicación, serían:

no genera el informe EARL
no proporciona la relación de criterios a mejorar ordenados por su prioridad
está orientado a un único evaluador y por tanto no permite comparar las evaluaciones de varios evaluadores

La autora me ha confirmado que se encuentra desarrollando la nueva versión de la aplicación web.

Últimos artículos

Servicios relacionados

Consultoría de usabilidad web: evaluación heurística.

Cheat Sheet HTML 4.01, HTML 5, XHTML Elements

2011-01-21T22:00:00.002+01:00

Descripción: Tabla en formato excel con todas los elementos HTML (incluido HTML 5) y XHTML con información relevante sobre ellos: navegadores que los soportan, anotaciones de accesibilidad, etc. (ver descripción detallada de la tabla)

Versión: [20.01.2011] versión 1.0 en castellano

Autor: Olga Carreras

Descarga: Cheat Sheet HTML 4.01, HTML 5, XHTML Elements (Excel, 189 KB)

Descripción detallada de la tabla

La tabla consta de 14 columnas. Los encabezados de las columnas se han bloqueados para que estén siempre disponibles aunque se escrole la tabla verticalmente.

Columna A: Elemento

Incluye todas los elementos (X)HTML (incluidos los de HTML 5) en orden alfabético con enlace a su descripción en la especificación correspondiente. También se incluyen elementos que no están en ninguna especificación del W3C como marquee, spacer, etc. en cuyo caso enlazan con una web de referencia. Es en estos enlaces donde se puede consultar información sobre los atributos de cada elemento.

No se han incluido los elementos que sólo están presentes en XHTML 2. Como excepción se incluye el elemento h de XHTML 2 para documentar los encabezados en esta especificación. Se pueden consultar todas las etiquetas de XHTML 2 en: XHTMl 2.0. List of elements del W3C.

Está primera columna está bloqueada para tener siempre presente el elemento aunque se escrole la tabla horizontalmente.

Columna B: Descripción

Breve descripción del elemento.

Columna C: Desaprobado/No estándar/Obsoleto

En esta columna se indica si los elementos son:

Desaprobado (deprecated): son elementos que están en la especificación HTML 4.01 o XHTML pero que el W3C los ha marcado como "deprecated", desaprobando su uso. No están permitidos en documentos STRICT. Se indica el elemento alternativo que debe usarse.

No estándar: son elementos no estándar, que fueron implementados por algunos navegadores (y que aún las soportan en muchos casos) pero que no pertenecen a ninguna especificación (X)HTML. En cada caso se indica el navegador que las implementó y las alternativas a su uso.

Obsoleto: son elementos de especificaciones anteriores (se indica de cual).

HTML 5: elementos que sólo pertenecen a HTML 5.

En cualquier otro caso la celda correspondiente aparece vacía.

Columna D: Web Browser Support

He documentado el soporte de cada elemento (incluidos los de HTML 5) en las diferentes versiones de navegadores.

Referencias sobre soporte en navegadores:

HTML 4.01 / XHTML 1.0 Reference, about.com

HTML reference, sitepoint.com

HTML, XHTML, and WML support in Opera Presto 2.2, soporte en Opera 10

Web specifications support in Opera Presto 2.7, soporte en Opera 11

When can I use..., compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers

HTML5 Tutorial, w3school.

Comparison of layout engines (Non-standard HTML), wikipedia

En algunos casos se indica el test concreto que se ha realizado para validar un elemento concreto.

Columna E-L: Especificación

Las columnas son:

HTML 4.01

XHTML 1.0 Strict

XHTML 1.0 Transitional

XHTML 1.0 Frameset

XHTML 1.1

XHTML 1.1 Basic

HTML 5

XHTML 2

Cuando la celda correspondiente está verde con el texto "SI" indica que el elemento pertenece a esa especificación.

Cuando la celda correspondiente está roja con el texto "NO" indica que el elemento no pertenece a esa especificación.

Algunas celdas pueden aparecer naranjas con una advertencia dentro. Por ejemplo, en el caso de que el elemento pertenezca a HTML 4.01 pero esté desaprobado y no pueda usarse con HTML 4.01 Strict, la celda correspondiente a la columna E (HTML 4.01) estará coloreada en naraja con la advertencia en su interior.

Columna M: Notas de accesibilidad

En este apartado se incluyen notas relevantes como el soporte en lectores de pantalla, ejemplos cuando se trata de elementos poco habituales, mención a puntos de verificación de las WCAG relacionadas con el elemento en cuestión, etc.

Columna N: ¿Semántico?

En esta columna se indica si es una elemento semántico o si por el contrario es un elemento de presentación. En algunos casos, como se indica, puede depender del uso que se haga de ella.

Referencias:

Semantic (X)HTML, microformats.org

Presentational (X)HTML, microformats.org

Otros enlaces de interés:

Keryx (X)HTML Elements Best Practice Sheet

Podeis dejar en los comentarios cualquier propuesta o anotación para incluir en versiones posteriores.

Enlaces en los que perderse (5)

2009-10-22T14:58:00.000+02:00

User Experience

"So you wanna be a user experience designer", Whitney Hess, 2009. La autora nos propone todo tipo de recursos: libros, blogs, publicaciones, eventos, listas de correo, etc.

Information Architecture

Information Architecture Institute. Learning IA. En el portal del Information Architecture Institute podemos encontrar todo tipo de recursos relacionados con Arquitectura de Información.

"Gestión de proyectos web – Arquitectura de la Información", Anna García Sans, 2009.

Maquetación

Code.google.com

Artículos relacionados:

TAW Monitor

2009-10-09T09:36:00.007+02:00

Descubro la nueva herramienta TAW Monitor que permite hacer un seguimiento de la accesibilidad de un portal.

Se puede probar durante un mes.

Parece que el análisis se realiza de momento de acuerdo a las WCAG 1.0 (al menos sólo se puede elegir esta opción al crear el análisis) aunque en el "Cuadro de mandos" está ya preparada la casilla para la futura verificación de acuerdo a:

las WCAG 2.0 ~~Cuando me llegue el análisis comentaré si ha validado también de acuerdo a las WCAG 2.0~~ Efectivamente, sólo ha validado de acuerdo a las WCAG 1.0

"M. OK", hemos de suponer, ante la falta de ayuda o de explicación de la abreviación, que es el TAW mobileOK, que comprueba la adecuación de un contenido móvil al nivel "mobileOK Basic" según se define en W3C mobileOK Basic Tests 1.0 que está basado en las W3C Mobile Web Best Practices 1.0.

Me parece una herramienta muy útil~~, aunque estoy esperando el primer informe para poder opinar más extensamente, ampliaré entonces mi comentario.~~

Sí que me parece que podría tener muchas más funcionalidades, así que espero que sea sólo una primera versión.

Por otro lado, para lo simple que es, me ha parecido difícil de entender y utilizar. Creo que su usabilidad deja bastante que desear.

También su accesibilidad sería mejorable, por ejemplo no hay una alternativa a la "Barra temporal", que sin JavaScript no se puede consultar.

Aunque dispone de diferentes tipos de ayuda (FAQS, ayuda contextual y ayuda por sección) las dudas que a mí me han surgido no me las ha resuelto.

Objetivo de la aplicación

El objetivo de esta monitorización es asegurar que los sitios Web no se degradan a lo largo del tiempo debido a la inserción de nuevas páginas o contenidos, manteniendo informados a los gestores y técnicos de cualquier incidencia que afecte a su calidad.

Funcionalidades de la aplicación

Visualizar resultados analíticos mediante un cuadro de mandos que facilita la interpretación efectiva los resultados, facilitando la detección de los factores que afectan a la calidad de los portales.

Conocer la evolución de los portales en el tiempo por medio de un histórico de análisis donde se superponen los resultados.

Definir la temporalización de los distintos análisis, haciéndolos coincidir con la planificación en la actualización de los contenidos de los portales u otros eventos importantes.

Enviar informes después de cada ejecución de un análisis mostrando en ellos los resultados de cada indicador.

Envíar alertas cuando alguno de los indicadores está fuera de los parámetros definidos por el usuario o se ha detectado una incidencia grave.

Enlaces en los que perderse (4)

2009-07-05T23:40:00.000+02:00

Accesibilidad

OATS (Open Source Assistive Technology Software)

"Accesibilidad Web", manual básico de accesibilidad de la Universidad de Alicante.

Observatorio estatal de la discapacidad

Illinois Information Technology Accessibility Act (IITAA)

"Bibliografía" en Telecapacitados

Albergue de Náufragos de Claudio Segovia. Aunque está desactualizada puede ser de utilidad.

Kit de accesibilidad web del CEAPAT. También está desactualizado pero es de utilidad.

Diseño

"33 revistas online para diseñadores, gratis", Sergio Ortega. [Vía Ateneu Popular]

Usabilidad

"Let's make the web faster" de Google. Tutoriales para hacer tu web más rápida.

Minds. International Journal on Human-Computer Interaction

"Publicaciones" en aDeNu sobre eLearning y usabilidad.

Generales

Recursos en Dev.Opera Incluye todo tipo de artículos de interés en inglés (accesibilidad, CSS, JavaScript, móvil, etc.)

Google Books

W3C Technical Reports and Publications

Artículos relacionados:

Usable y Accesible Repositorio en Netvibes

2009-04-09T00:01:00.001+02:00

Os presento una herramienta que espero os sea de utilidad a todos aquellos interesados en hacer la Red más usable y accesible: Usable y Accesible Repositorio en Netvibes

La intención de Jordi Sánchez y mía es que sirva de punto de partida a la hora de buscar información sobre usabilidad y accesibilidad; para ello integra mi buscador temático de Google, la agenda de eventos de Gabriel Porras, grupos de discusión (Cadius, AccesoWeb), noticias y las últimas novedades aparecidas en blogs, etc.

Intentamos evitar las listas interminables de URLs que acaban siendo poco prácticas, sustituyéndolas por feeds, búsquedas automáticas, recopilatorios de blogs ("planetas"), etc.

No hace falta decir que estáis invitados a utilizarlo y colaborar aportando las ideas que consideréis oportunas. Me hubiera gustado hacer más accesible la plantilla pero no dejan meterle mano...

Usable y Accesible Google Grupos

2009-03-31T22:51:00.003+02:00

Jordi Sánchez (jordisan.net) y yo hemos creado un nuevo punto de encuentro, complementario a los que ya existen, para todas aquellas personas de habla hispana interesadas en la usabilidad y la accesibilidad del software y otras disciplinas relacionadas (arquitectura de información, diseño centrado en el usuario, etc.)

Os animo a que os unáis a nosotros, participéis en los debates propuestos y propongáis otros de vuestro interés.

Usable y Accesible Google Grupos

Sabías que ... (12)

2009-03-08T16:20:00.007+01:00

... si eres daltónico Visolve puede transformar los colores de tu ordenador para ayudarte a distinguirlos.

... puedes crear online la estructura de tu web de forma muy sencilla con Drawter. [Vía Andrés Nieto]

... puedes realizar varios copy-paste con xNeat Clipboard Manager. Otra opción es Clipx. [Vía Daniel Ulczyk]

... puedes generar texto para tus maquetaciones de forma muy sencilla con Blind Text Generator o con Limpum.

... puedes comparar con facilidad versiones de documentos con ExamDiff. [Vía Daniel Ulczyk]

... puedes convertir casi cualquier tipo de formato de archivo a otro formato conocido, ya sea de audio, vídeo o gráfico con FormatFactory. [Vía Ateneu Popular]. Relacionado está el conversor online Media Convert.

... puedes crear online un favicon en tres pasos con Favikon. [Vía Daniel Ulczyk]

... puedes crear online una nube de etiquetas con Wordle. [Vía Ateneu popular]

... puedes integrar los resultados de Twitter a tus búsquedas en Google con "Realtime Twitter Search Results on Google". [Vía Bitelia]

... puedes consultar el Page Rank de tus páginas con Google PageRank Checker. [Vía Daniel Ulczyk]

... puedes crear online la paleta de colores de tu sitio, teniendo ya en cuenta los problemas de visión de tus usuarios. Mediante Color Scheme Designer. [Ateneu Popular]

Enlaces en los que perderse (3)

2009-03-05T15:01:00.001+01:00

Accesibilidad

Curso de accesibilidad online y gratuito de SEDIC. El nivel es muy básico pero puede ser interesante el apartado de recursos sobre accesibilidad.

100 Killer Web Accessibility Resources: Blogs, Forums and Tutorials en WHDB.

Publicaciones de capaces.org

Accessibility en icant.co.uk de Christian Heilmann.

Usabilidad

Proyecto nuevo portal web Unicauca, ¿quieres seguir paso a paso la creación de un portal? Puedes consultar los wireframes, las pruebas de cardsorting, seguir el proceso de diagramación del portal o consultar el análisis de otros portales similares mediante evaluaciones heurísticas.

Publications, Nielsen Norman Group. Y por supuesto Useit de Jakob Nielsen

Usability Resources, Information & Design

Diseño

Preimpresión, "apuntes personales sobre el curso de diseño y producción editorial" por Percy Emerson (en español)

CSS Feeder Design Aggregator

Varios

Materiales de formación del CNICE

Documentos que recomiendo conocer (4)

2009-03-05T15:00:00.002+01:00

"Guía para la edición y publicación de las
páginas web de la Administración General del Estado" (España)

"Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario" de Gabriel Porras.

En INTECO:

Enlaces en los que perderse (2)

2009-01-22T22:27:00.001+01:00

Artículos relacionados
[19-11-08] Enlaces en los que perderse (1)

Directorio de recursos Arquitectura de la Información en R020: Accesibilidad, Diseño de información, Diseño de interacción, Recuperación de la información (I.R.), Usabilidad, Weblogs.

INTECO - Accesibilidad, Formación, Manuales y Guías.

Torresburriel's Slideshows. Recopilación de presentaciones de Torres Burriel.

PDF-MAGS es un recopilatorio de los últimos números en PDF de los magazines más interesantes que rondan por Internet. Ilustración, fotografía, diseño, entrevistas, arquitectura, estilismo y otros muchos temas los podremos encontrar en estas revistas gratuitas y siempre a la última.

Documentos que recomiendo conocer (3)

2009-01-22T22:26:00.001+01:00

Artículos relacionados
[29-07-08] Documentos que recomiendo conocer (1)
[15-11-08] Documentos que recomiendo conocer (2)

Guía para la accesibilidad de discapacitados en los sitios Web de la administración del Estado (de Chile). Es un PDF de 29 páginas, fechado en diciembre de 2006, que resulta una buena introducción a la accesibilidad web.

Guía de Recomendaciones de posicionamiento SEO en Internet, como resume Libro de Apuntes, los 10 pasos a seguir para optimizar nuestra web son:
- Comprueba que las urls de tus páginas son adecuadas.
- Revisa cómo están escritos los enlaces en tus páginas.
- Optimiza los títulos.
- Optimiza el contenido de tus páginas.
- Mide tu tráfico.
- Analiza la actividad de las arañas de los buscadores.
- Mide tu ranking para tus principales palabras clave.
- Mide el número de páginas que tienes indexadas.
- Crea y optimiza un Robots.txt y un sitemap.
- Trabaja tus contenidos y consigue enlaces.

INTECO: Comprobación de la accesibilidad de objetos multimedia, o cómo debemos revisar las animaciones, vídeos y sonidos para asegurarnos que éstos son accesibles para todos los usuarios. En relación con este tema:
- "Accesibilidad al contenido web, una de tus herramientas" de ervdesign, que recoge unas normas elementales para trabajar con vídeos en la web.
- "Sobre vídeo y audio en páginas web", discusión en Accesoweb.

Sabías que ... (11)

2009-01-22T22:26:00.000+01:00

... puedes conocer el precio de tu portal mediante Wiriki, herramienta online que además te proporciona un útil informe sobre tu sitio.

... es posible utilizar otros buscadores. Con Njouba puedes buscar archivos en la Web, FTP, Torrent o Rapidshare, así como también circunscribir la búsqueda a algunos de los siguientes formatos PDF, MP3, imágenes y videos. Vía ulczyk

... puedes ver el comportamiento de los visitantes de tu web, todos los movimientos y acciones del cursor, con Userfly. La he probado y me ha gustado bastante, ves un vídeo con las acciones del usuario sobre la página, aunque la web es un poco lenta. Vía seraccesible.

Imprescindibles (12)

2008-11-22T22:04:00.000+01:00

Estos son los artículos que han llamado últimamente mi atención (no tienen porque ser recientes):

Diseño

"Escogiendo tipografías", de Letritas.

Si estuviéramos trabajando en condiciones ideales, donde sólo nos debatimos a elegir entre las tipografías que tenemos, y todas funcionan correctamente (todas tienen "eñe", "acentos", y están bien espaciadas) ¿Cuál debiese ser nuestro principal criterio de elección?

"11 Images you might want to avoid in your designs", de snap2objects.

I will show some images I considered overused since the beginning of the web and could make your website (or any design) look generic, unimaginative and dated - if use them just for the sake of it.

Un recurso para cuando te piden que incluyas las típicas imágenes de manos dando apretones o edificios acristalados.

"Editores web que facilitan tu trabajo" de Maestros del Web.

Usabilidad

"12 preguntas clave para un proyecto web", de MoccaBlog Café.

El objetivo es definir el diseño y el acercamiento al usuario final (cliente de tu cliente).

"La evolución de los errores según Jakob Nielsen", de Interacciones. Relacionado con este post se puede leer el artículo "Error Message Guidelines" de Jakob Nielsen.

"Consejos para presentar los resultados de un test de usabilidad", deinterfaz.

Simplificando, podríamos decir que se pueden generar resultados rápidos (informes ligeros que van al grano) y resultados formales (informes completos y documentados), cada uno con sus ventajas y sus inconvenientes. Yo me voy a centrar los segundos.

Relacionado con este artículo está el de Jakob Nielsen: "Formal Usability Reports vs. Quick Findings"

"What reading Tufte won’t teach you: Interface design guidelines", de glyphobe

Estudio "Publicidad y Contenidos en medios de comunicación online Estudio de Eyetracking a diarios online chilenos" de AyerViernes.

Estudio "Eyetrack Medios España" de Alt64. Se puede descargar directamente en formato PDF.
Eyetracking Medios España tiene por objetivo:
- Estudiar el comportamiento visual de los internautas españoles.
- Estudiar la efectividad de la publicidad online.

"Eyectrack III: Cómo lucen los sitios web a través de los ojos de los lectores" de Steve Outing y Laura Ruel.

"Dónde estudiar HCI en España" en Itákora.

"Quién es quién en el mundillo de HCI española" de Itákora.

Accesibilidad

"Serie 'Guía breve para crear sitios web accesibles'", de Accesibilidad en la Web.

"Navegando una página Web con Jaws: consideraciones de accesibilidad para desarrolladores" deinterfaz.

Vamos a ver de qué manera un usuario que utiliza Jaws navega entre los diferentes elementos de una página Web y como un desarrollador de páginas Web debería actuar para alcanzar el nivel de accesibilidad Doble A (AA).

"Redactar una auditoría de Accesibilidad Web de alto nivel" de interfaz.

"Presentaciones sobre Accesibilidad" de Usabilidad y Accesibilidad.

"Data Table Accessibility Test Page" de Web Usability.

"Enlaces para 'leer más' que sean simples y accesibles" de Torres Burriel.

Enlaces por los que perderse (1)

2008-11-19T21:31:00.001+01:00

¿Te apetece leer y investigar? He aquí unos cuantos portales en los que perderse a gusto.

Servicio de Información sobre Discapacidad

Dialnet, portal de difusión de la producción científica hispana.

Cursos de HCI (Human–computer interaction) y usabilidad gratis en emagister.com

Aactiva. Documentación, apartado donde se incluyen los informes que crea dentro del Observatorio de la Accesibilidad y Usabilidad Digital, así como enlaces a documentación sobre Accesibilidad y Usabilidad.

Documentación de la asignatura "Diseño para Todos. Diseño Web Accesible" de la asignatura de la Facultad de Informática de la Universidad Politécnica de Madrid.

Real Patronato sobre Discapacidad

Accessibility Institute, the University of Texas at Austin.

"The Great Accessibility Blog Roundup", WebAIM Blog.

Accesibilidad en Microsoft.

"Inclusión digital: Diseño y comunicación accesibles", trabajos, documentos, ponencias, etc. sobre comunicación y diseño accesible desarrollados por Emmanuelle Gutiérrez y Restrepo.

Documentación de la asignatura "Producción Digital I" de la Universidad de Palermo.

Anuario "Hipertext", editado por la Sección Científica de Ciencias de la Documentación del Departamento de Periodismo y de Comunicación Audiovisual de la Universidad Pompeu Fabra.

"Web Usability resources" de usability.com.

LibrosWeb.es, publica gratuitamente todo el material que utilizan sus autores en los cursos que imparten: CSS, AJAX, XHTML, JavaScript, etc.

Biblioteca digital de la UOC (Universitat Oberta de Catalunya)

Documentos que recomiendo conocer (2)

2008-11-15T22:15:00.001+01:00

Artículos relacionados
[29-07-08] Documentos que recomiendo conocer (1)

Informe "Tecnología y discapacidad visual: necesidades tecnológicas y aplicaciones en la vida diaria de las personas con ceguera y deficiencia visual", coordinado por Xavier Grau Sabaté.

Este amplio informe, cuya elaboración y publicación han sido impulsadas por la Comisión de Nuevas Tecnologías e Informática Accesible del Consejo General de la ONCE, se estructura en tres grandes apartados en los que se abordan, respectivamente, la evolución general de las nuevas tecnologías, su aplicación a las necesidades de las personas con discapacidad visual y los avances tecnológicos que se han producido según las distintas áreas de interés para la vida cotidiana. Los 36 capítulos de que consta la obra han sido redactados por 22 expertos autores. Los aspectos generales del informe se recogen en el apartado final de conclusiones.

"Directrices europeas para facilitar la lectura", de la Asociación Europea ILSMH. Documento de 1998 que se puede consultar en SIDAR.

XML Accesibility Guidelines, W3C Working Draft 3 October 2002.

This document provides guidelines for designing Extensible Markup Language (XML) applications that lower barriers to Web accessibility for people with disabilities (visual, hearing, physical, cognitive, and neurological).

Too much accessibility. GOOD INTENTIONS, BADLY IMPLEMENTED de Patrick H. Lauke

"Fujitsu Web Accessibility Guidelines". Más información en su web Fujitsu Accessibility

"Design Guidelines for Accessible Information Communication Technology Systems" de tiresias.org

Artículos relacionados
[29-07-08] Documentos que recomiendo conocer (1)

Sabías que ... (10)

2008-11-14T13:18:00.002+01:00

... puedes evitar que tu página sea traducida por Google: Andrés Nieto te explica cómo en "Impedir que Google Translator destroce nuestra página".

... puedes retroceder en el tiempo hasta el 2001 con "Google en 2001". Sólo verás los sitios que había entonces y cómo eran en dicha fecha. [Nota: hoy no va el enlace, no sé si es algo puntual]

... puedes recuperar el historial de tus búsquedas en Google (siempre y cuando estuvieras logeado) gracias a Google Historial Web.

... puedes evangelizar a tus compañeros con las tarjetas del W3C (World Wide Web Consortium). Se pueden pedir en "Quick Tips to Make Accessible Web Sites". Las tarjetas "Quick Tips" de las WCAG 2.0 tendrán un aspecto como este:

(accede a la web del W3C para tener una descripción detallada de las tarjetas)

... existen muchos servicios de almacenamiento que residen en la Red y que permiten a los internautas guardar en servidores privados sus copias de seguridad y los contenidos que quieren compartir con otras personas. Se puede consultar un listado detallado en "Discos duros virtuales para almacenar tus archivos de forma gratuita en Internet".

... no hay excusa para validar tu sitio en cualquier navegador, por viejo que sea. En evolt.org encontrarás una buena colección de instalables de navegadores.

... puedes editar tus CSS y visualizar su comportamiento simultáneamente en Explorer y Firefox, gracias a SiteVista, software local libre para Windows. Una herramienta muy útil que he descubierto en "Visualiza tu CSS en IE y Firefox" de accesoweb.

Imprescindibles (11)

2008-10-07T09:01:00.000+02:00

Estos artículos han llamado mi atención últimamente:

¿DOM (Document Object Model) o innerHTML?

¿Cuál de los dos métodos es más rápido para generar grandes cantidades de contenido?

Podemos ver el resultado de esta pregunta, en función del navegador utilizado, en Benchmark - W3C DOM vs. innerHTML.

Nielsen: sólo el 7% de los usuarios utiliza los sitemaps

Así lo explica Jakob Nielsen en el estudio Site Maps Usability

Baquía nos reseña el estudio:

Según un estudio elaborado por Jakob Nielsen, apenas un 7% de los usuarios recurre a los mapas de una web. Sin embargo, es aconsejable mantenerlos, puesto que suponen una forma fácil y directa de acceder a todo el contenido de una web.

¿Te has preguntado de dónde obtienen sus beneficios las empresas web 2.0?

Web 2.0: ¿Dónde se esconde el negocio? (II)

Fundamentos teóricos de esta profesión

Usándolo nos los va resumiendo en distintos artículos:

Leyes y principios: Fitts’ Law

Principios de usabilidad: La regla de los 3 clicks

10 errores principales en el diseño de aplicaciones (Nielsen)

El artículo de Nielsen Top-10 Application-Design Mistakes es resumido y traducido por el blog del grupo SQUaC(Software Quality Usability and Certification).

Estos errores son:

Controles GUI (Graphical User Interface) no estándar

Inconsistencia

No mostrar claramente su funcionamiento

Sin retroalimentación

"He salido a comer" sin un indicador de progreso

Malos mensajes de error

Pedir la misma información varias veces

Sin valores por defecto

Usuarios "lanzados" contra la aplicación

No indicar cómo se usará la información

Funcionalidades centradas en el sistema

Error extra: botones de reset en formularios web

34 buenas prácticas para hacer tus páginas más rápidas

Las best practices for making web pages fast que propone el Yahoo!'s Exceptional Performance son:

Make Fewer HTTP Requests

Use a Content Delivery Network

Add an Expires or a Cache-Control Header

Gzip Components

Put Stylesheets at the Top

Put Scripts at the Bottom

Avoid CSS Expressions

Make JavaScript and CSS External

Reduce DNS Lookups

Minify JavaScript and CSS

Avoid Redirects

Remove Duplicate Scripts

Configure ETags

Make Ajax Cacheable

Flush the Buffer Early

Use GET for AJAX Requests

Post-load Components

Preload Components

Reduce the Number of DOM Elements

Split Components Across Domains

Minimize the Number of iframes

No 404s

Reduce Cookie Size

Use Cookie-free Domains for Components

Minimize DOM Access

Develop Smart Event Handlers

Choose <link> over @import

Avoid Filters

Optimize Images

Optimize CSS Sprites

Don't Scale Images in HTML

Make favicon.ico Small and Cacheable

Keep Components under 25K

Pack Components into a Multipart Document

La aventura de crear tu propia empresa

Aunque no tiene que ver con la temática del blog, me ha parecido una bitácora muy original e interesante. Jaime Estévez narra el día a día en la creación de su nueva empresa.

Jaime Estévez. 100 días en la vida de un emprendedor

Movimiento Aragonés de Empresas y Blogs 2.0

2008-08-25T23:05:00.001+02:00

Me ha parecido muy interesante la iniciativa de mis paisanos, la Asociación de Asesores TIC de Proximidad de Aragón, se llama Buscador TIC.

Permite buscar blogs y empresas de Aragón, por localización o por categoria. Si sois de Aragón os animo a que os deis de alta.

Por cierto, muy interesante el truco para conocer las coordenadas de Google Maps.

Buscador especializado en accesibilidad y usabilidad

2008-08-09T09:00:00.000+02:00

He creado mediante "Google - Búsqueda personalizada" un buscador especializado en la búsqueda de contenidos sobre accesibilidad y usabilidad.

Se puede incluir como gadget en una página

o bien acceder a la página principal del buscador:

Usable y Accesible Search. Buscador especializado en temas relacionados con la accesibilidad y la usabilidad web.

La herramienta busca preferentemente en una lista de webs de calidad relacionadas con la usabilidad y la accesibilidad que previamente le he indicado.

Los resultados pueden ser filtrados de nuevo por las cinco palabras clave que he seleccionado: "foros", "noticias", "blog", "accesible", "usable".

Cualquier sugerencia sobre nuevas webs relacionadas con la usabilidad o la accesibilidad, o sobre palabras clave para volver a filtrar el resultado serán bienvenidas.

Enlaces relacionados

Google Accesible Search es un buscador de Google que ofrece primero los resultados de los sitios más accesibles, penalizando los que tienen problemas de construcción.

En Google Blogoscoped se puede comparar los resultados de una búsqueda normal de Google con una búsqueda mediante Google Accesible Search.

Google también ofrece un Buscador de blogs temático.

Documentos que recomiendo conocer (1)

2008-07-29T18:00:00.002+02:00

Artículos relacionados
[15-11-08] Documentos que recomiendo conocer (2)

1
"Guía Web 2.0". La Guía Web 2.0 es el instructivo gubernamental orientado a mejorar la usabilidad en los sitios del Gobierno de Chile. Se puede descargar en PDF.

2
"Web Accessibility for Older Users: A Literature Review" del W3C.

Ese documento contiene análisis y revisiones de recomendaciones y artículos relacionados con las necesidades de las personas de edad avanzada y la accesibilidad web requerida por los efectos de esa avanzada edad en las personas, comparándolas con las necesidades de las personas ya descritas en las Pautas de Accesibilidad para el Contenido en la Web.

Vía Torres Burriel

Artículo relacionado: "Análisis de usabilidad de los portales en español para personas mayores" de NSU.

3
"Sistemas y esquemas de evaluación de la conformidad para requisitos de accesibilidad", informe realizado en el grupo europeo Project Team CEN/BTWG 185 "e-Accessibility".

Artículo relacionado: "Metodologías, certificaciones y entidades certificadoras de la accesibilidad web en España" en este blog.

4
"El imperativo de la accesibilidad: Implicaciones de la Convención de Derechos de las Personas con Discapacidad para las Tecnologías de la Información y la Comunicación" de G3ict, Iniciativa Global para las Tecnologías de la Información y la Comunicación inclusivas.

Trata de los retos y oportunidades que supone la aplicación de la Convención en lo referente a la accesibilidad de las TIC.

5
"Decálogo de León", conclusiones de la Conferencia Europea EDeAN (European Design for all e-Accessibility Network) que se celebró en León (España) los días 12 y 13 de junio de 2008 y en la que participaron más 200 expertos y representantes de organismos nacionales y europeos.

6
UNE 139804:2007. Requisitos para el uso de la lengua de signos en redes informáticas

7
WCAG Samurai Errata for Web Content Accessibility Guidelines (WCAG) 1.0

Artículos relacionados
[15-11-08] Documentos que recomiendo conocer (2)

Sabías que ... (9)

2008-07-28T14:21:00.000+02:00

... Webelo es un conjunto de herramientas para testear la accesibilidad de nuestros sitios desde el mismo entorno de desarrollo, Eclipse o derivados. Vía Estándares y Accesibilidad

... con W3Counter puedes conocer estadísticas globales de acceso a Internet.

This report was generated 06/30/2008 based on the last 24,768,449 unique visits to all tracked websites at that time. W3Counter's sample currently includes 12,890 websites. The last 25,000 page views to each website are analyzed to identify unique visits. Some visits may occur before the month of the report.

... que desde Opera puedes activar "Small Screen Mode" para simular su visualización desde Opera Mini. Vía dosmilmastres

... PDF Search Engine es un buscador que se encarga de rastrear la web para encontrar archivos en formato PDF. Vía webtodoweb

... puedes consultar una lista de sitios de gran calidad artística y a la vez conformes a los estándares W3C en W3C Sites

... SitePal te permite crear un avatar personalizado y animado que hablará en tu web como se ve en Demostración de PA Conciliación

... existe una alternativa a Google Docs. Se llama Zoho

Imprescindibles... (9)

2008-07-21T09:00:00.001+02:00

Los artículos que más han llamado mi atención durante estos últimos meses han sido:

1
Revisión automática de páginas con la norma UNE 139803 mediante PISTA

En diciembre comentaba en Mis validadores que una de mis herramientas preferidas para la revisión automática de la accesibilidad de un sitio Web era PISTA, herramienta del Ministerio de Industria, Turismo y Comercio.

Una de sus muchas ventajas es que permite realizar análisis de accesibilidad con normativas distintas a la WAI WCAG1.0 (normativa por defecto). El único requisito que deben cumplir las normativas que se añadan a la herramienta es que estén especificadas en un fichero XML que siga el DTD "normativas.dtd".

En el manual de la herramienta se explica como realizarlo.

Tenía pensado desde hace tiempo incluir un nuevo fichero para poder validar automáticamente con la Norma UNE 139803, que como ya he comentado otras veces, es la norma que han de cumplir muchos sitios Web españoles desde finales de año, y que sólo se diferencia en cuatro puntos de las WCAG 1.0, como ya expliqué en Diferencias de prioridad entre los requisitos UNE 139803:2004 y los puntos de control de las WCAG 1.0

Pues bien, Olga Revilla nos ha ahorrado el trabajo y nos facilita la vida desde su blog Itákora. En Cómo validar las normas UNE 139803 con la herramienta PISTA te explica como descargarte e importar en PISTA el XML para validar automáticamente con la Norma UNE 139803.

Otro artículo de Itákora relacionado es: Comparativa de accesibilidad de las WCAG 1.0 y la norma UNE 139803/2004.

2
Cómo definir un menú de navegación

En "Sugerencias para definir un menú de navegación" Jorge Garrido ofrece unas interesantes pautas para planificar nuestro menú de navegación.

3
Word accesible

En "Cómo crear un documento Word accesible" Fran Tarifa remata una discusión dentro de la lista AccesoWeb.

Emmanuelle comentaba:

Si por accesible entendemos que pueda ser usado por cualquier persona en cualquier situación y mediante cualquier dispositivo, evidentemente la respuesta es no. Puesto que se trata de un formato propietario, debe siempre ofrecerse la información que se tenga en ese formato en otro formato que sea abierto y accesible o en varios formatos para cubrir las necesidades de todos los usuarios potenciales.

Ahora, lo que sí se puede y se debe hacer, es ofrecer los contenidos en word de manera que puedan acceder a ellos los usuarios de lectores de pantalla, y seguir unas pautas en su elaboración.

Entonces, aparte de que ofrezcas los contenidos en otros formatos, además de en Word, deberás estructurar el contenido de los documentos, usar correctamente los estilos, simplificar el lenguaje, etc.

Se daban dos referencias interesantes sobre cómo hacer documentos Word accesibles:

"Microsoft Word" de WebAIM

Guidelines: Accessible Word Documents

En este contexto, es interesante la herramienta aDesigner que permite evaluar la accesibilidad de documentos ODF.

4
La crueldad de los internautas según Nielsen

En "La crueldad de los internautas" la BBC comenta el informe anual sobre los hábitos en el uso de Internet de Jakob Nielsen. Me llama especialmente la atención que el 75% de los usuarios no navega por un sitio, sino que utiliza directamente el buscador del mismo.

"Los usuarios de internet siempre han sido despiadados y ahora lo son más que nunca", dijo Nielsen. "La gente quiere sitios que los lleve, sin rodeos, al punto. Tienen muy poca paciencia", señaló. "Creo que los sitios todavía no han apreciado eso", agregó. "Aún sienten que su sitio es interesante y especial y que la gente estará feliz con todo lo que se le arroje".

[...]

Los internautas también se están frustrando mucho con todas las adiciones, como los "widgets" (artilugios) y las aplicaciones que se vienen agregando a los sitios para hacerlos más amigables. Tales adiciones sólo están sirviendo para que las páginas se tarden más en cargar, afirma Nielsen.

[...]

En 2004, un 40% de los internautas visitaba una página principal y luego navegaban hacia donde querían ir, y un 60% usaba un vínculo que los llevaba directamente al destino buscado dentro de un sitio.

En 2008, dijo Nielsen, sólo un 25% de las personas navega a través del "homepage" o página principal. El resto usa el buscador o "search engine" y se va directo a donde quiere.

5-6
No justifiques el texto en la web

Estoy totalmente de acuerdo con el artículo "La justificación de texto en la web" de Duopixel. La próxima vez que me pidan que justifique un texto les pasaré directamente su post.

Se puede seguir la lucha dialéctica sobre este tema en AccesoWeb.

Leyendo este artículo me llama la atención el título de otro, "¿Cómo llamar a la persona que usa un objeto de diseño?", en el cual reflexiona sobre las alternativas al odiado "usuario" de Donald Norman, que aboga por el término "persona".

7
URLs y usabilidad

En "La usabilidad también tiene en cuenta las URLs" Gabriel Porrás introduce el artículo "URL semántica / Clean URL / Friendly URL" de Viv Dehaes.

8
Google y accesibilidad

En "Google y Accesibilidad" Nelson concluye que la accesibilidad no sólo beneficia los usuarios que por ejemplo navegan en condiciones no tradicionales (conexiones de baja velocidad, uso de dispositivos móviles, etc.) sino que "facilita la labor de los robots indexadores como Googlebot, lo que te beneficia porque genera mejores puntajes y posicionamiento en los resultados de búsqueda, por lo tanto, más visitas".

Y como bien dice él: "esta relación, independientemente de cualquier argumento humanista que se pueda hacer al respecto, es desde ya un muy buen argumento de ventas de la accesibilidad".

9
Frases que asesinan a la accesibilidad

Didáctica de la accesibilidad y "frases asesinas" recopila las frases que funcionan como excusas o impedimentos para justificar la accesibilidad de un sitio. Lo triste es que son ciertas, yo al menos he oído cinco de las diez que citan.

10
Bug de Internet Explorer 7

Andrés Nieto comenta un Curioso bug en Internet Explorer 7 . Aunque parezca increíble, una lista OL pierde la numeración cuando se le aplica un HEIGHT en la CSS.

11
Cosas que no debes hacer al construir un sitio web

En microsiervos encontramos un resumen en español de 19 Things NOT To Do When Building a Website, de Josiah Cole