Buscador

viernes, 21 de noviembre de 2008

Ejemplo de uso de los atajos de teclado

La página de Movistar en España emplea atajos de teclado, también llamadas teclas de acceso rápido, en su página principal. El atajo de teclado de cada enlace se indica mediante el atributo title, tal como podemos ver en la siguiente imagen.

Desgraciadamente, parece que se han olvidado del resto del sitio web, ya que en los siguientes niveles no funciona.

Los atajos de teclado se definen en HTML con el atributo accesskey. Para aquello que no sepan qué son los atajos de teclado y cómo se emplean, un par de artículos:
Algunas desarrolladores y expertos de accesibilidad desaconsejan el uso de los atajos de teclado, ya que a veces pueden ocasionar ciertos conflictos con los atajos de otros programas (por ejemplo, los atajos del propio navegador o del lector de pantallas).

La activación del atajo de teclado depende del navegador que se utilice y del sistema operativo. Así, por ejemplo, en Microsoft Windows si se emplea Internet Explorer se tiene que pulsar Alt + atajo + Enter, mientras que con Firefox se tiene que pulsar Alt + Shift (Mays) + atajo.

miércoles, 19 de noviembre de 2008

¿Cómo ve una página web un buscador?

Desde hace tiempo se relaciona la accesibilidad con el posicionamiento. Los buscadores se comportan como "usuarios ciegos" que no perciben todo el contenido de una página web, por lo que una falta de accesibilidad repercute negativamente en el posicionamiento en los resultados de un buscador. ¿Cómo ve una página web un buscador?

Acabo de encontrar la página web Seebot. Tal como dice su lema, "see the web like a crawler", esta herramienta permite ver un sitio web tal como lo hace un buscador. En esta herramienta se tiene que introducir la URL de un sitio web y a los pocos segundos se muestra una representación de lo que vería un buscador. Por ejemplo, este blog lo ve un buscador como:

Accesibilidad para diseñadores

Acabo de encontrar la página web Accessibility for designers. Explica brevemente algunas cuestiones de diseño importantes para lograr que una página web sea accesible: imágenes con texto alternativo, empleo correcto del color, la disposición de los elementos en la página, elementos de navegación, utilización de valores relativos o absolutos y formularios.

martes, 18 de noviembre de 2008

Sitio web con artículos interesantes sobre accesibilidad

Acabo de encontrar el sitio web Accessibility que contiene muchos artículos interesantes sobre la accesibilidad web. Algunos de los más interesantes son:

jueves, 13 de noviembre de 2008

El reconocimiento de voz cada vez mejor

Acabo de leer en El País la noticia Yo hablo y tú escribes. Según la noticia, los sistemas de reconocimiento de voz cada vez son mejores y ya casi logran una exactitud perfecta. Un gran beneficio para todos los usuarios y en especial para algunos usuarios con discapacidad que emplean estos sistemas para interactuar con el ordenador.

Para el que quiera saber algo más sobre el tema, en la Wikipedia se explica qué es el Reconocimiento del habla:
El Reconocimiento Automático del Habla (RAH) o Reconocimiento Automático de voz es una parte de la Inteligencia Artificial que tiene como objetivo permitir la comunicación hablada entre seres humanos y computadoras electrónicas. El problema que se plantea en un sistema de RAH es el de hacer cooperar un conjunto de informaciones que provienen de diversas fuentes de conocimiento (acústica, fonética, fonológica, léxica, sintáctica, semántica y pragmática), en presencia de ambigüedades, incertidumbres y errores inevitables para llegar a obtener una interpretación aceptable del mensaje acústico recibido.

martes, 11 de noviembre de 2008

JavaScript no molesto

Hace un tiempo escribí algunas entradas sobre JavaScript no molesto (unobtrusive JavaScript), mal traducido como JavaScript no obstructivo o no intrusivo:
Acabo de encontrar el sitio web del libro Unobtrusive JavaScript. En la página web se puede encontrar parte del libro de forma gratuita, el libro en sí contiene dos capítulos adicionales: DOM accidents y Outdated JavaScript techniques.

viernes, 7 de noviembre de 2008

Jornadas de accesibilidad web para entidades locales

El Cabildo de Gran Canaria organiza para los días 25 y 26 de noviembre de 2008 las Jornadas de Accesibilidad Web para Entidades Locales.

El programa de las jornadas es:
  • Día 25 de Noviembre
    Primera jornada
    Hora Descripción
    9:00 Presentación: Consejera de RRHH y Organización del Cabildo de Gran Canaria, Dña. Teresa Mayoral Fernández
    10:00/11:00 Ponencia: Estándares de Accesibilidad Web. Jesús García, W3C
    11:00/11:30 Pausa / Café
    11:30/12:30 Ponencias cortas sobre experiencias de implantación de la accesibilidad web en Administraciones Públicas:
    • Ayuntamiento de Telde
    • Mancomunidad de Municipios No Costeros de Gran Canaria
    • Ayuntamiento de Santa Brígida
    • Cabildo de Gran Canaria
    13:00/14:00 Mesa Redonda: Accesibilidad Web, un trabajo invisible para la mayoría
    14:00 Descanso
    16:00/18:00 Talleres:
    • Taller 1: Pautas de Accesibilidad al Contenido Web 1.0
  • Día 26 de Noviembre
    Segunda jornada
    Hora Descripción
    10:00/11:00 Ponencia: Accesibilidad y Web Móvil. Carlos de la Fuente, Fundación CTIC
    11:00/11:30 Pausa / Café
    11:30/12:30 Ponencias cortas sobre experiencias de implantación de la accesibilidad web en Administraciones Públicas:
    13:00 Mesa Redonda: La visión del usuario
    14:00 Descanso
    16:00/18:00 Talleres
    • Taller 2: Accesibilidad - Una experiencia para la integración
    • Taller 3: Maquetación con div y otras soluciones para desarrolladores

martes, 4 de noviembre de 2008

Ejemplo de sitio web destinado a la comunidad sorda

Un par de sitios web dedicados a la comunidad sorda donde se hace uso de vídeos para transmitir la información. Ambos sitios están dedicados a distribuir noticias.

El primer sitio web se llama WebvisualTV:

El segundo sitio web se llama Diario Signo (para ver los vídeos hace falta RealPlayer):


Si se quiere que un sitio web sea accesible a los usuarios sordos es necesario incluir vídeos que transmitan mediante la lengua de signos el contenido de las páginas que sean complejas y difíciles de entender, ya que los sordos emplean una comunicación visual y tienen dificultades para entender el español escrito. En mi entrada Problemas del colectivo de personas sordas o con discapacidad auditiva explico con más detalle esta problemática.

jueves, 30 de octubre de 2008

Herramientas de Fujitsu para trabajar el color

Fujitsu tiene en su sitio web dedicado a la accesibilidad un par de herramientas para trabajar el color de las páginas web.

Por un lado existe ColorSelector, una herramienta para descargar disponible para Windows y MacOSX. Esta herramienta permite seleccionar combinaciones de colores para el texto y el fondo del texto que no supongan una barrera a aquellos usuarios con problemas de visión y permite verificar su legibilidad para usuarios con cataratas, daltónicos, etc.

Por otro lado, existe ColorDoctor, una herramienta para descargar disponible únicamente para Windows por ahora. Esta herramienta simula cómo se ve cualquier contenido (no sólo páginas web) en escala de grises o según ciertos problemas de visión como el daltonismo.

miércoles, 29 de octubre de 2008

Web Accessibility Inspector

Acabo de encontrar Web Accessibility Inspector, una herramienta de revisión de la accesibilidad web gratuita disponible para los sistemas operativos Windows y Mac OS X.

Esta herramienta permite evaluar tanto sitios web existentes en el propio ordenador como cualquier sitio web accesible a través de Internet. Permite seleccionar el nivel de accesibilidad a evaluar según las pautas del WAI (niveles A, AA y AAA) y además también evalúa las Fujitsu Web Accessibility Guidelines. Genera como salida un informe en diferentes formatos.

martes, 28 de octubre de 2008

Mejora de la accesibilidad para personas con daltonismo

En una entrada anterior, ¿Los daltónicos tienen problemas para navegar por la Web?, se habló del daltonismo o ceguera al color, de los problemas de accesibilidad que pueden tener y de una página web que permite simular como ve cualquier página web una persona con problemas de daltonismo.

Acabo de encontrar ColorBlindExt, una extensión (add-on) para Firefox destinada a usuarios con daltonismo. Ofrece dos características principales:
  • Un test para detectar posibles problemas de daltonismo.
  • Un filtro que procesa las páginas web y las modifica para mejorar su visualización según el tipo de daltonismo.
IMPORTANTE: emplea Java, así que es necesario tener instalada una máquina virtual Java. Además, sólo es capaz de filtrar el contenido disponible a través del DOM (texto e imágenes). Otros elementos, como Flash, applets y reproductores multimedia no se pueden filtrar.

sábado, 25 de octubre de 2008

¿Qué navegadores usa la gente? (2008)

En la página web W3C Counter - Global Stats y W3Schools Browser Statistics se ofrecen estadísticas de uso de los navegadores, resoluciones de pantalla, sistemas operativos y otras categorías.

Respecto a los navegadores, los datos que ofrecen estos dos sitios sobre el uso de los navegadores es (datos de septiembre de 2008):


W3Counter
  • Internet Explorer 57.3%
  • Firefox 32.5%
  • Safari 2.7%
  • Opera    2.0%
  • Mozilla 1.0%

W3Schools
  • Internet Explorer 49.0 %
  • Firefox 42.6%
  • Chrome 3.1%
  • Safari 2.7%
  • Opera 2.0%

Estadísticas de años anteriores:

miércoles, 22 de octubre de 2008

Métodos de evaluación de la accesibilidad

En la web Modelo de Proceso de la Ingeniería de la usabilidad y de la accesibilidad. MPIu+a existe un apartado dedicado a la Accesibilidad y a los Métodos de evaluación de la accesibilidad.

En el apartado sobre la Accesibilidad se explica qué es la accesibilidad, se comenta la accesibilidad de las interfaces de usuario, se presenta algunos motivos para realizar un diseño accesible y se habla de la accesibilidad en Internet.

En el apartado Métodos de evaluación de la accesibilidad sobre los métodos de evaluación se comentan algunas herramientas que se clasifican de la siguiente forma:
  • Herramientas de validación:
    • generales
    • centradas
    • de servicios
  • Herramientas de reparación

lunes, 20 de octubre de 2008

Creación y uso de tablas complejas

Complex Table Mark-up Toolbar es una extensión (add-on) para Mozilla Firefox que permite:
  1. Mostrar el uso de los atributos headers e id empleados en tablas complejas.
  2. Crear tablas complejas que emplean los atributos headers e id en su etiquetado.
  3. Crear una versión lineal del contenido de una tabla.
En esta página podemos encontrar al final varios enlaces a páginas que nos explican cómo hacer páginas web con tablas complejas.

viernes, 17 de octubre de 2008

Cómo hacer que Blogger sea más accesible

Dos artículos muy interesantes de Olga Carreras que nos explica paso a paso (día a día) cómo arreglar los problemas de accesibilidad que posee Blogger:

Libros, recursos y herramientas para desarrolladores de sitios web

Gabriel Porras mantiene en su blog varias listas de libros, recursos y herramientas, muchos de ellos gratuitos, que pueden ser una gran ayuda para los desarrolladores de sitios web. Las páginas son:

jueves, 16 de octubre de 2008

Problemas de baja visión

Un folleto de publicidad de Ulloa Optico explica algunos problemas de baja visión que pueden ocasionar enfermedades como el glaucoma, las cataratas o la degeneración macular:


En la barra de herramientas Web Accessibility Toolbar podemos encontrar en el menú Utilidades, Simulaciones unas opciones que nos permiten simular en una página web los siguientes problemas de baja visión:


Por ejemplo, en la siguiente imagen podemos ver cómo vería este blog una persona con retinopatía diabética:


En la siguiente imagen podemos ver cómo vería este blog una persona con cataratas:

martes, 14 de octubre de 2008

Legibilidad: facilidad de lectura y comprensión

Según el Diccionario de la Lengua Española de la Real Academia de la Lengua el término legibilidad significa "Cualidad de lo que es legible". Y legible significa "Qué se puede leer". Más o menos, nos hemos quedado igual.

La legibilidad se refiere a la facilidad de lectura y comprensión de un texto. Que un texto sea legible ayuda a hacer el contenido de un sitio más fácil de leer para todos y en especial para las personas con discapacidades para la lectura y/o cognitivas.

El W3C trata el tema de la legibilidad en las Técnicas Fundamentales para las Pautas de Accesibilidad al Contenido en la Web 1.0 en el apartado 5 Comprensión. El W3C propone los siguientes puntos de revisión en esta sección:
  • 14.1 Utilice el lenguaje apropiado más claro y simple para el contenido de un sitio. [Prioridad 1]
  • 13.8 Localice la información destacada al principio de los encabezamientos, párrafos, listas, etc. [Prioridad 3]
  • 14.2 Complemente el texto con presentaciones gráficas o auditivas cuando ello facilite la comprensión de la página. [Prioridad 3]
Además, también sería de aplicación el siguiente punto de revisión:
  • 12.3 Divida los bloques largos de información en grupos más manejables cuando sea natural y apropiado. [Prioridad 2]
El W3C proporciona los siguientes consejos para escribir contenido legible:
  1. Esfuércese para que los encabezamientos y las descripciones de los vínculos sean claras y precisas. Ello incluye utilizar como vínculos frases concisas que tengan sentido cuando se lean fuera del contexto o como parte de una serie de vínculos (algunos usuarios navegan saltando de vínculo a vínculo y leyendo sólo el texto de estos vínculos). Utilice encabezamientos informativos, de forma que los usuarios puedan revisar rápidamente una página para hallar la información, en lugar de tener que leerla con detalle.
  2. Sitúe el contenido básico al principio de la frase o párrafo (esto es denominado "colocación inicial"). Ello ayudará tanto a la gente que está mirando superficialmente, como a los que usan sintetizadores de voz. "Hojear", aplicado a la voz, significa habitualmente que el usuario salta de encabezamiento a encabezamiento, o de párrafo a párrafo, y escucha sólo las palabras suficientes como para establecer si el trozo de información (encabezamiento, párrafo, vínculo, etc.) le interesa. Si la idea principal del párrafo está en medio o al final del mismo, los usuarios de sintetizadores de voz tendrán que escuchar casi todo el documento para encontrar lo que buscan. Dependiendo de lo que el usuario esté buscando, y de cuánto sepa sobre el tema, las características de búsqueda pueden también ayudar a los usuarios a localizar el contenido más rápidamente.
  3. Limítese a un concepto principal por párrafo.
  4. Evite el uso de argot, jergas y significados particulares de palabras comunes, a no ser que las defina en el propio documento.
  5. Prefiera las palabras de uso común. Por ejemplo, utilice "empezar" mejor que "comenzar" o "intentar" mejor que "procurar".
  6. Utilice verbos en su forma activa mejor que en pasiva.
  7. Evite frases de estructura complicada.

La versión 2.0 de WCAG también tiene en cuenta el concepto de legibilidad. En concreto, el criterio de éxito 3.1.5:
3.1.5 Reading Level: When text requires reading ability more advanced than the lower secondary education level, supplemental content, or a version that does not require reading ability more advanced than the lower secondary education level, is available. (Level AAA)
Que se puede traducir como:
Cuando el texto requiere una habilidad de lectura más avanzada que el nivel de secundaria baja (entre 7 y 9 años), debe existir un contenido adicional o una versión que no requiera una habilidad de lectura más avanzada que el nivel de secundaria baja.
El W3C recomienda las siguientes técnicas para lograr alcanzar este criterio de éxito:
  1. Proporcionar un resumen del texto que requiera una habilidad de lectura menos avanzada que el nivel de secundaria alta.
  2. Proporcionar ilustraciones visuales, imágenes y fotografías que ayuden a explicar ideas, acontecimientos y procesos.
  3. Proporcionar una versión hablada del texto.
  4. Hacer el texto más fácil de leer.
  5. Proporcionar versiones en la lengua de signos de la información, ideas, y procesos que tienen que ser entendidos para usar el contenido.
¿Existe alguna herramienta que me permita medir la legibilidad de un texto, de una página web?
  • En TxReadability encontramos una aplicación que nos permite evaluar la legibilidad de un sitio web. Está preparada para diferentes idiomas, ya que los algoritmos cambian de un idioma a otro. En concreto, para el español se emplea Huerta Reading Ease.
  • En Readability Test podemos encontrar tres algoritmos para evaluar la legibilidad de un texto: Gunning Fog, Flesch Reading Ease y Flesch-Kincai. En esta página podemos encontrar una aplicación web en la que indicamos una URL y nos calcula el índice de legibilidad según los tres algoritmos.
  • En Readability Tester encontramos una aplicación que nos permite evaluar la legibilidad de una página web a partir de su feed (RSS o Atom). Por tanto, está orientado a blogs.
  • En The Blog Readability Test podemos calcular el nivel educativo necesario para entender el contenido de un blog. No se explica cómo se calcula.

Scripts para lectores de pantalla

Los lectores de pantalla JAWS y Window-Eyes tienen la posibilidad de modificar o ampliar sus funcionalidades mediante la programación con scripts:

jueves, 9 de octubre de 2008

Guía breve para crear sitios web accesibles según WCAG 2.0

Con WCAG 1.0 se publicó la Guía breve para crear sitios web accesibles (Quick Tips to Make Accessible Web Sites), que era un resumen de los aspectos más importantes de las pautas.

Con WCAG 2.0 se ha publicado Web Accessibility Quicktips: WCAG 2.0 at a Glance que proporciona un resumen de la versión 2.0 de las pautas de accesibilidad:
Perceivable
  • Provide text alternatives for non-text content.
  • Provide captions and alternatives for audio and video content.
  • Make content adaptable; and make it available to assistive technologies.
  • Use sufficient contrast to make things easy to see and hear.
Operable
  • Make all functionality keyboard accessible.
  • Give users enough time to read and use content.
  • Do not use content that causes seizures.
  • Help users navigate and find content.
Understandable
  • Make text readable and understandable.
  • Make content appear and operate in predictable ways.
  • Help users avoid and correct mistakes.
Robust
  • Maximize compatibility with current and future technologies.
No conozco una traducción oficial del W3C al castellano, así que aquí ofrezco la mía:

Perceptible
  • Proporciona texto alternativo para el contenido no textual.
  • Proporciona subtítulos y otras alternativas para el contenido de audio y vídeo.
  • Crea contenido adaptable y que esté disponible a las ayudas técnicas.
  • Utiliza el suficiente contraste para lograr que el contenido sea fácil de ver y oír.
Operable
  • Haz que todas las funcionalidades sean accesibles a través del teclado.
  • Proporciona a los usuarios el tiempo suficiente para leer y utilizar el contenido.
  • No utilices contenido que cause convulsiones.
  • Ayuda a los usuarios a navegar y buscar el contenido.
Comprensible
  • Haz que el texto sea legible y comprensible.
  • Haz que el contenido aparezca y funcione de forma previsible.
  • Ayuda a los usuarios a evitar y corregir los errores.
Robusto
  • Maximizar la compatibilidad con las actuales y futuras tecnologías.