69
Introducción a la accesibilidad web Sergio Luján Mora Profesor visitante

Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Sergio Luján Mora

Profesor visitante

Page 2: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

TECNOLOGÍAS DE APOYO

Page 3: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Contenido

• Ayudas técnicas, tecnologías de apoyo, …

• Dispositivos de entrada

• Dispositivos de salida

• Árbol de decisión

Page 4: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

AYUDAS TÉCNICAS, TECNOLOGÍAS DE APOYO, …

Page 5: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Ayudas técnicas

• Norma UNE 139802:2003 Aplicaciones informáticas para personas con discapacidad. Requisitos de accesibilidad al ordenador. Software

Page 6: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Ayudas técnicas

3.3 ayuda técnica: Cualquier producto, instrumento, equipo o sistema técnico utilizado por una persona minusválida, fabricado especialmente o disponible en el mercado para prevenir, compensar, mitigar o neutralizar la deficiencia, incapacidad o discapacidad. (UNE-EN ISO 9999). Incluye tanto productos hardware como software.

Page 7: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Ayudas técnicas

3.5 dispositivo apuntador: Dispositivo de entrada conectado a un ordenador o a un terminal, cuya función es mover el cursor por la pantalla para dar órdenes. Ejemplos: ratón, trackball, joystick, touchpad, headmaster, etc.

3.6 dispositivo entrada/salida: Una combinación de elementos físicos o lógicos para emular el funcionamiento completo de un único dispositivo de entrada/salida. Es considerado como un único dispositivo en esta norma.

Page 8: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Ayudas técnicas

Norma UNE-EN ISO 9999:2007: Productos de apoyo para personas con discapacidad. Clasificación y terminología (ISO 9999:2007)

Esta norma establece que ya no se tienen que llamar ayudas técnicas, sino tecnologías de apoyo.

Page 9: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Ayudas técnicas

3.7 emulador de teclado: Dispositivo o programa cuyo fin es sustituir al teclado convencional.

3.8 emulador de ratón: Dispositivo o programa cuyo fin es sustituir al ratón convencional.

Page 10: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

DISPOSITIVOS DE ENTRADA

Page 11: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Permiten la introducción de información y ordenes al ordenador:

– Mediante teclado o ratón adaptado

– Sin utilizar el teclado o ratón de forma convencional

• La persona con discapacidad debe poder realizar procesos similares mediante el dispositivo adaptado

Page 12: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Vídeos de demostración

Page 13: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 14: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Teclado virtual con selección por barrido

Page 15: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

Page 16: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 17: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 18: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 19: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivo de entrada

Page 20: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• DEMO

– Mostrar el teclado en pantalla de Microsoft

Page 21: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

Page 22: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada Interruptor por aire

(Sip-Puff Switch) Inspiración y expiración

Interruptor por agarre

(Grasp Switch)

Interruptor flexible

(Flex Switch)

Page 23: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada Interruptor por microluz

(Microlight Switch)

Interruptor de almohada

(Pillow Switch) Para la cabeza o barbilla

Interruptor de infrarrojos

(IR Switch)

Page 24: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• The Libertas Switch:

– http://www.emgswitch.com/

• Emplea electromiografía: detecta el potencial eléctrico que producen las células musculares cuando se contraen o están en reposo

• El dispositivo se coloca sobre cualquier músculo sobre el que el usuario mantenga el control voluntario

Page 25: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 26: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Como navegan los discapacitados

• Teclado reducido

Page 27: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Teclado

ampliado

Page 28: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 29: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Teclado protegido

Page 30: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Input

• Teclado de barita

Page 31: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 32: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Teclado

para una sola

mano

Page 33: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Teclado braille

Page 34: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Ratón de pie

Page 35: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 36: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Ratón de bola

Page 37: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Joystick

Page 38: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Joystick de boca

Page 39: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 40: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Ratón de cabeza

Page 41: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

Page 42: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Reconocimiento facial

Page 43: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

Page 45: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de entrada

• Control mediante la voz:

– Ejemplo: IBM ViaVoice

– Ejemplo: Dragon NaturallySpeaking

Page 46: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

DISPOSITIVOS DE SALIDA

Page 47: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• Estándar:

– Monitor e impresora

• Ampliación de caracteres

• Sintetizador del habla

• Línea braille

• Combinación de las anteriores

Page 48: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• Estándar:

– Para usuarios con visión reducida

– Monitor de alta resolución 21’’ (o mayor)

– Ampliador de monitor:

• Ejemplo: Beam Scope TV Screen Magnifier 12 -15 inches

• Duplica el tamaño de la pantalla (no la resolución)

Page 49: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 50: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 51: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• Ampliación de caracteres o magnificador de pantalla

– Screen magnifier

– Mediante software

– Para visión reducida (pero no ceguera total)

Page 52: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• ZoomText Screen Magnifier/Screen Reader

Page 53: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• DEMO

– Mostrar el ampliador de pantalla de Microsoft

Page 54: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• Sintetizador del habla o de la voz:

– Lector de pantalla (screen reader)

– Problemas para pronunciar siglas, fechas y números

– Imposibilidad de pronunciar gráficos o símbolos complejos

Page 55: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 56: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 57: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• DEMO

– Mostrar el JAWS

Page 58: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• DEMO

– Mostrar el narrador de Microsoft

Page 59: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• Línea braille

Page 60: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

Page 61: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

• Línea braille:

– Existen dispositivos que combinan la línea y el teclado braille en uno solo

– Por ejemplo, en la siguiente imagen se muestra un dispositivo que es línea braille, con 40 celdas, y teclado braille con 8 teclas principales

Page 62: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Dispositivos de salida

Page 63: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

ÁRBOL DE DECISIÓN

Page 64: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Árbol de decisión

• UnumProvident’s Assistive Technology Decision Tree te guía mediante preguntas basadas en el tipo de discapacidad a identificar la mejor tecnología de apoyo para un usuario

Page 65: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 66: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 67: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 68: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

Page 69: Introducción a la accesibilidad web - RUA: Principal · 2016. 4. 28. · Introducción a la accesibilidad web Ayudas técnicas 3.5 dispositivo apuntador: Dispositivo de entrada conectado

Introducción a la accesibilidad web

¡Muchas gracias!

Sergio Luján Mora:

[email protected]

@sergiolujanmora