Real Patronato - SIDAR - TRUST  La accesibilidad en manos del usuario

Módulo: Herramientas y formación de Autores y Usuarios

La Accesibilidad en Manos del Usuario


Planteamiento

El problema

Los usuarios en su mayoría demuestran un profundo desconocimiento de las herramientas y utilidades que tienen al alcance de la mano, que les permiten modificar la presentación de las páginas Web, para que les sea más cómodo su uso y disfrute.

Cuentan con herramientas y utilidades en:

Los navegadores

Los navegadores ofrecen a los usuarios, diversas utilidades para modificar la manera en que se presentan los contenidos Web.

Tipos

Utilidades comunes a todos

Los navegadores ofrecen a los usuarios una serie de opciones, comunes, de configuración y modificación de la presentación.

Ampliar el tamaño de texto

Todos los navegadores ofrecen la posibilidad de ampliar o disminuir el tamaño del texto que aparece en las páginas Web

Botones y menús

Ejemplo de resultados:

Ejemplo de texto de tamaño medio o según ha determinado el autor. Ejemplo de texto ampliado.
Texto por defecto y texto ampliado

Cambiar el tipo de letra

Los usuarios pueden elegir con qué fuente se presentarán los contenidos de las páginas (Siempre que el autor haya seguido las pautas de accesibilidad).

Ejemplo de aplicación

Vista de una página con la fuente por defecto del navegador.
Vista con la fuente por defecto

 

Vista de una página con una fuente elegida por el usuario.
Vista con fuente del usuario

Determinar el color de los enlaces

Los usuarios pueden elegir qué colores deben tener los enlaces aún no visitados y los ya visitados, y determinar si los colores de su elección se sobreponen a los colores elegidos por el diseñador de la página o sólo se usan cuando el diseñador no haya determinado ningún color.

Ejemplo de cambio de colores de los enlaces

Vista de página con el color de los enlaces por defecto.  Vista de página con el color de los enlaces elegido por el usuario.
Enlaces con color por defecto y con color asignado por el usuario

Cambiar el color de fondo y color del texto

Los usuarios pueden determinar el color de fondo de las páginas y el color del texto.

Ejemplo de configuración

Vista de página con el color de fondo y texto por defecto.  Vista de página con el color de fondo y texto elegidos por el usuario.
Vista por defecto y vista con colores de fondo y texto asignados por el usuario

Navegar sin imágenes

Todos los navegadores ofrecen la posibilidad de navegar sin descargar las imágenes, para hacer más rápida la descarga de las páginas.

Ejemplos

Vista de una página con todas las imágenes descargadas.
Vista con descarga de todas las imágenes

 

Vista de una página sin descargarse las imágenes.
Vista sin descargar imágenes.

 

Vista sin descargarse las imágenes que muestra lo que ocurre cuando no hay texto alterntivo.
Vista sin descargar imágenes que muestra la falta de texto alternativo en una de ellas.

Atajos de teclado

Todos los navegadores ofrecen la posibilidad de utilizar el teclado para ejecutar las distintas opciones, aunque a veces la combinación de teclas para una misma acción difiere.

Vista de menú en Internet Explorer que muestra los atajos de teclado definidos para cada opción. Vista de menú de Netscape que muestra los atajos de teclado definidos para cada opción.

Aplicar estilos propios

Los navegadores utilizan un determinado estilo por defecto, al que se sobreponen los estilos creados por los diseñadores de las páginas. Pero a los anteriores el usuario puede sobreponer los estilos propios.

Ejemplo de resultados

Imagen de una página vista con el estilo por defecto del navegador y del diseñador.
Vista con estilos por defecto

 

Imagen de una página vista con la aplicación de un estilo propio del usuario.
Vista con estilos propios del usuario

Esta opción de utilizar estilos propios puede servir también a los autores de páginas Web como herramienta de revisión de la accesibilidad de sus diseños.

Propios de determinado navegador

Algunos navegadores ofrecen características propias de configuración para facilitar al usuario la comodidad en el acceso a los contenidos Web.

Ejemplo, el navegador Ópera permite, entre otras posibilidades:

Por su parte, Internet Explorer ofrece una extensión que permite:

Y en iCab encontramos, por ejemplo:

Propios: Recuadrar enlaces

Vista con la aplicación de la opción de recuadrar los enlaces, en Opera.
Opción de recuadrar los enlaces, que ofrece Opera.

Propios: descarga parcial de imágenes

Vista de una página que presenta sólo las imágenes que se han descargado anteriormente.
Opera permite ver las páginas sólo con las imágenes descargadas con anterioridad.

Propios: Ampliar una imagen

Por ejemplo, Internet Explorer ofrece (una vez se instala una extensión del programa) la posibilidad de ampliar o hacer "zoom" sobre una o varias de las imágenes que aparecen en una página

Vista normal de una página con Internet Explorer.
Vista con tamaños definidos por el diseñador

 

Vista de la ampliación de una imagen con Internet Explorer.
Vista con imágenes ampliadas en Internet Explorer

Propios: Resaltar texto

Con Internet Explorer puede seleccionarse un texto y resaltarse, de manera que facilite al usuario, por ejemplo, encontrar más fácilmente en un documento largo aquellos párrafos que le han parecido más importantes.

Vista con texto resaltado.
En Internet Explorer se puede resaltar texto

Propios: Listado de enlaces

Especialmente interesante para usuarios ciegos, pero útil también para aquellos que quieren saber con un vistazo todas las interrelaciones de una página.

Vista de la presentación del listado de imágenes en una página.
Vista de la presentación del listado de enlaces que hay en una página.

Y, en iCab hay un menú desplegable que presenta los enlaces relacionados con la página

Vista del menú desplegable con los enlaces que hay en la página, que ofrece iCab.
Menú con Lista de enlaces, en iCab

Propios: Sacar un listado de imágenes

Con Internet Explorer se puede obtener un listado de todas las imágenes que hay en una página, con información sobre su localización, tamaño en pixels, peso en bytes y tiempo de descarga de todas las imágenes según se utilice un módem de 14.400, 28.8, o 56K.

Vista de la ventana con el listado de imágenes que ofrece Internet Explorer.
Ventana con listado de las imágenes que hay en una página Web.

Esta opción es especialmente interesante también para los autores pues les da información valiosa sobre el tiempo de descarga de la página.

El Sistema Operativo

Los diversos sistemas operativos ofrecen al usuario una serie de utilidades o programas que les facilitan el acceso a la información que gestionan.

Por ejemplo, Windows 98 ofrece:

Y Windows 2000:

Mac también ofrece:

Windows 98: Alto contraste

Una de las opciones de configuración de la interfaz en Window 98 es la de "Alto contraste", que representa los iconos en un tamaño mayor y el fondo negro con los textos en blanco; entre otras opciones de representación.

Vista de pantalla que usa la opción de alto contraste de Window 98.
Interfaz de alto contraste en Windows 98

Lupa

Entre las opciones de accesibilidad que ofrece Windows 2000 se encuentra una lupa virtual, llamada "magnificador", que ampía aquello que está junto al puntero del ratón.

Vista de pantalla que usa la lupa de Window 2000.
Usando la lupa de Windows 2000

Teclado Virtual

El teclado virtual que ofrece Windows 2000 es una útil herramienta para aquellos que no pueden utilizar el teclado normal.

Vista de pantalla que usa el teclado virtual de Window 2000.
Teclado Virtual de Windows 2000

Combinación de ayudas

Puede, también, combinarse el uso de diversas utilidades.

Vista de pantalla que usa la opción de alto contraste + la lupa de Window 2000.
Alto contraste + lupa de Windows 2000

Mac: Magnificador

Naturalmente, los sistemas operativos de MacIntosh también ofrecen posibilidades de configurar la interfaz de usuario.

Panel de configuración del Close View de Mac.
Vista del panel de control del magnificador "Close View" de Mac

Lectores de pantalla

Tanto Mac como Windows ofrecen hoy en día lectores de pantalla incluídos en sus sistemas operativos. Lo que facilita el acceso a la información tanto a personas ciegas como a personas con dificultades de lectura.

Vista del panel de configuración del lector de pantalla de Mac.Vista del panel de configuración del Narrador de Windows 2000
Vista del panel del lector de Mac y del Narrador de Windows 2000

Ayudas Técnicas

Muchos usuarios desconocen la posibilidad de adquirir ayudas técnicas que les facilitarían y harían más cómodo el uso de páginas Web.

Un ejemplo puede ser la utilidad "Joystick-to-mouse", Programa que emula el funcionamiento del ratón desde un joystick convencional.

Vista de un panel de configuración del programa Joystick to mouse.
Panel de configuración del programa Joystick to mouse.

La solución

La solución al problema pasa, naturalmente, por la información y la formación.

Los usuarios pueden encontrar información en:

Fuentes de Información

Los productores de programas y sistemas operativos ofrecen información sobre ayudas técnicas, incluídas en sus programas y creadas por terceros; las propias casas productoras también lo hacen, los usuarios organizados o individualmente en sus sitios Web y, naturalmente, los centros estatales de ayudas técnicas ofrecen este tipo de información.

Algunos ejemplos

Vista de la página del Catálogo de Ayudas Técnicas del CEAPAT.
Página del Catálogo de Ayudas Técnicas del CEAPAT

Y, por supuesto en...

El SIDAR

Efectivamente, hay bastante información en la red, pero los usuarios no saben que existe o no saben cómo encontrarla. Para paliar el problema, he creado una página en la sección de "utilidades" del SIDAR (http://www.sidar.org/), que recopila información práctica sobre las utilidades que el usuario tiene al alcance de la mano para facilitarle la accesibilidad de los contenidos Web.

Ventajas

Gracias

Esta presentación se encuentra en:
http://www.sidar.org/emmy/ponen/usuar/Overview.html

¡Gracias por la atención prestada!

coordina@sidar.org / emmanuelle@teleline.es