accesibilidad para las personas mayores - agesic.gub.uy · –destreza –memoria reciente, para...

Accesibilidad para

las personas mayores

1er Evento Internacional de

Gobierno Electrónico 2011 en Uruguay

3 de mayo de 2011

Reinaldo Ferraz – NIC.br

¿Por qué accesibilidad web para personas mayores?

Foto: Flickr.com - Jacob Bøtter

Número de personas

de 60 años o más

en el mundo:

1950 – 205 millones

2000 – 606 millones

Las estimaciones para 2050

Cerca de 2 billones de

personas mayores de 60 años.

(+ 20% de la población)

Funte: http://www.un.org/esa/population/publications/worldageing19502050/

¿Por qué accesibilidad web para personas mayores?

Nosotros seremos los mayores beneficiarios de

una web accesible en el futuro.

Image: Ambro / FreeDigitalPhotos.net

Barreras de acceso

• Algunas habilidades que disminuyen con

la edad:

– Visión

– Audición

– Destreza

– Memoria reciente, para

rápida toma de decisiones

Image: Maggie Smith / FreeDigitalPhotos.net

Barreras de acceso

Si una persona mayor no puede seguir a la

web, ella lo abandona.

WCAG 2.0

Para personas mayores

El tamaño del texto

Variar el tamaño de texto: Se puede variar el tamaño del

texto sin necesidad de emplear una tecnología asistiva

hasta un 200 por ciento sin pérdida de contenido o

funcionalidad.

a a a a

El tamaño del texto

Estilo de texto y su presentación visual muestra cuanto difícil o

fácil es para la gente a leer, especialmente a los mayores con la

disminución de la visión.

El tamaño del texto

• Uso de la tecnología que tiene comúnmente disponibles

a los agentes de usuario con suporte de zoom.

El tamaño del texto

• Especificar el tamaño de los contenedores de texto con

unidades “em”

em= el tamaño de la fuente ("font-size”) heredada;

El tamaño del texto

• Usando layout líquido

1024 x 768

1680 x 1050

http://gs.statcounter.com/

Cores y Contraste

• El uso del color requiere que el color no

es usado como el único medio de

transmitir información visual, lo que indica

una acción, lo que provocó una respuesta,

o distinguir un elemento visual

1

Clic en el botón rojo para continuar

2 3 4 5 6 7 8

Cores y Contraste

La mayoría de las personas mayores cambios de

la percepción del color, y pierden la sensibilidad

al contraste.

Clic en el botón rojo para continuar

Cores y Contraste

La mayoría de las personas mayores cambios de la

percepción del color, y pierden la sensibilidad al

contraste.

Clic en el botón rojo para continuar

Cores y Contraste

• Asegurar que la información transmitida por las

diferencias de color también está disponible en texto

1

Clic en el número 3 para continuar

2 3 4 5 6 7 8

o

Clic en "Continuar"

Continuar1 2 5 6

Cores y Contraste

• Inclusión de una

referencia de texto

para las etiquetas de

color de control de

formulario

Multimedia

• Debido a muchas personas mayores tienen disminución

de la visión y la audición, ellos necesitan

transcripciones, los subtítulos y el sonido de fondo bajo.

Multimedia

• Alternativas para audio y video.

Ver la versión de texto de la formación

Transcripción del vídeo en texto

Multimedia

• Subtítulos

CAPTCHA

• Las personas mayores con disminución de la visión

puede no ser capaz de discernir los personajes de un

CAPTCHA, sobre todo porque CAPTCHAs tienen poco

contraste y no aumentan de tamaño cuando los usuarios

han de texto de tamaño más grande.

CAPTCHA

• Proporcionar un texto alternativo que describe el

propósito del CAPTCHA

• Y

• Asegurar que la página web contiene otro CAPTCHA

desempeñen la misma función utilizando una modalidad

diferente

Digite las letras

de la imagen

O digite las letras

pronunciadas en el audio

CAPTCHA

• Proporcionar un texto alternativo que describe el

propósito del CAPTCHA

• Y

• Asegurar que la página web contiene otro CAPTCHA

desempeñen la misma función utilizando una modalidad

diferente

O

¿Cuánto es siete más dos?

Digite el código

El uso del ratón

• Enfoque visible: Cualquier usuario de interfaz de teclado

operable tiene un modo de operación en que el

indicador de foco de teclado es visible.

• Es difícil para algunas personas mayores a usar un

ratón, debido a la disminución de la visión o destreza.

Teclado y tabulación

• Toda la funcionalidad del contenido es operable a través

de una interfaz de teclado

• Algunas personas mayores no pueden utilizar bien un

ratón o en lugar utilizan un teclado.

Teclado y tabulación

• Toda la funcionalidad del contenido es operable a través

de una interfaz de teclado

• Algunas personas mayores no pueden utilizar bien un

ratón o en lugar utilizan un teclado.

<a href="menu.php"

onmouseover="swapImageOn('menu')"

onfocus="swapImageOn('menu')"

onmouseout="swapImageOff('menu')"

onblur="swapImageOff('menu')">

<img id="menu" src="menu_off.gif" alt="Menu" />

</a>

“Page refresh” y actualizaciones

• En la entrada de datos: cambiar el ajuste no cambia

automáticamente el contexto menos que el usuario ha

sido advertido previamente

• Algunas personas mayores con disminución de la visión

o la cognición se puede perder el contenido que se

actualiza automáticamente o las actualizaciones en una

página.

Instrucciones y asistencia de entrada

• Las etiquetas o

instrucciones se

proporcionan cuando

el contenido requiere

entrada del usuario

• Es difícil para algunas

personas mayores

para entender los

requisitos de los

formularios y

transacciones.

Equipos más antiguos y software

Algunas personas mayores a utilizar los navegadores más

antiguos que podrían no ser capaces de seguir

versiones actuales.

Equipos más antiguos y software

• Análisis: Requiere que el código fuente se utiliza

correctamente de acuerdo a las especificaciones

http://www.w3.org/TR/

HTML

<img src=“img.gif” alt=“”>

XHTML

<img src=“img.gif” alt=“” />

Accesibilidad Web para todos

Foto: everystockphoto.com - woodleywonderworks

Accesibilidad Web para todos

Foto: everystockphoto.com - woodleywonderworks

Principios del W3C

Web para todos, en

cualquier

dispositivo y en

cualquier lugar,

seguro y

confiable!

Foto: everystockphoto.com - woodleywonderworks

Gracias!

Reinaldo FerrazNIC.br

reinaldo@nic.br

Twitter: @reinaldoferraz