DLSI – Universidad de Alicante 1
Accesibilidad en la Web: de WCAG 1.0 a WCAG 2.0
Universidad de ColimaMéxico
Departamento de Lenguajes y Sistemas Informáticos
Cómo navegan los di it ddiscapacitados
Sergio Luján MoraDepartamento de Lenguajes y Sistemas Informáticos
Universidad de Alicante
DLSI – Universidad de Alicante 2
¿Cómo navegan los discapacitados?
Contenido• Cómo navegan los discapacitados• Dispositivos de entrada• Dispositivos de salida
DLSI – Universidad de Alicante 3
Cómo navegan los discapacitados
• Diversos medios:– Generales para todo el ordenador (hardware y
software)– Específicos para navegar
• Dispositivos:– Entrada
Salida– Salida• Más información:
– http://www.w3.org/WAI/EO/Drafts/PWD-Use-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 debeLa persona con discapacidad debe
poder realizar procesos similares mediante el dispositivo adaptado
DLSI – Universidad de Alicante 4
Dispositivos de entrada• Sistema de selección:
– Directa– Barrido (scanning)– Codificación
Dispositivos de entrada• Selección directa:
– Permite activar una función rápidamente– Requiere de capacidad de discriminación y
precisión en la elección– Ejemplo:
• Teclado• Ratón (manual, de cabeza, …)• Joystick
DLSI – Universidad de Alicante 5
Dispositivos de entrada• Selección por barrido:
– Scanning– Scanning– Se presenta una lista de opciones y el usuario
elige una– Más lento que selección directa– Menor precisión por parte del usuario– Uso de conmutadores o pulsadores– No es necesario utilizar las manos, se podría
tili l b bill b t i l lutilizar la barbilla, cabeza, etc., o incluso con la mirada
– Varios modos: lineal, cascada, matriz, directo y proporcional
Dispositivos de entrada• Selección por barrido:
– Número de interruptores: 1, 2, 3, …– Método de barrido:
• Automático• Inverso• Paso a paso• Directo
– Patrón de movimiento del barrido:• Por elemento• Por fila/columna• Por cuadrante
DLSI – Universidad de Alicante 6
Dispositivos de entrada• Selección por barrido Automático
– Los elementos o grupos de elementos se– Los elementos o grupos de elementos se seleccionan de forma automática en secuencia
– La selección se mantiene durante un período de tiempo en cada elemento o grupo
– Cuando se presiona el botón de selección, el barrido se inicia en los grupos o elementos seleccionados
– Se suelen emplean dos botones: seleccionar ySe suelen emplean dos botones: seleccionar y cancelar
– Es imprescindible poder activar el botón de selección en el tiempo establecido
Dispositivos de entrada• Selección por barrido Inverso
– La selección avanza cuando se mantiene pulsado el botón
– La selección se mantiene durante un período de tiempo en cada elemento o grupo
– Se suelen emplean tres botones: moverSe suelen emplean tres botones: mover, seleccionar y cancelar
– No es crítico la respuesta en un tiempo prefijado
DLSI – Universidad de Alicante 7
Dispositivos de entrada• Selección por barrido Paso a paso
– La selección avanza conforme se pulsa un botón
– Se suelen emplean tres botones: mover, seleccionar y cancelar
– No es crítico la respuesta en un tiempo p pprefijado
Dispositivos de entrada• Selección por barrido Directo
– El usuario puede seleccionar diferentes direcciones de barrido
– Requiere un mayor nivel de control
DLSI – Universidad de Alicante 8
Dispositivos de entrada• Selección por codificación:
– Emplea una codificación que se traduce a acciones
– Sistemas de voz: reconocimiento de órdenes e introducción de textos
Dispositivos de entrada
DLSI – Universidad de Alicante 9
DLSI – Universidad de Alicante 10
Dispositivos de entrada
DLSI – Universidad de Alicante 11
Dispositivos de entrada
Interruptor por aireInterruptor por aire(Sip-Puff Switch)Inspiración y expiración
Interruptor por agarre(Grasp Switch)
Interruptor flexible(Flex Switch)
Dispositivos de entrada
Interruptor por microluzInterruptor por microluz(Microlight Switch)
Interruptor de almohada(Pillow Switch)Para la cabeza o barbilla
Interruptor de infrarrojos(IR Switch)
DLSI – Universidad de Alicante 12
Dispositivos de entrada• Selección por barrido Texto
predictivo– No es necesario escribir la palabra
completa– Adaptativo: aprende nuevas palabras y
modifica las probabilidades de las palabras predecidas
– Ejemplo: WordQ y WiVik• Permite definir “temas” de palabras
Dispositivos de salida• WiVik
– Teclado virtual en pantalla– Combina un sintetizador de voz para que
el usuario verifique lo que escribe en tiempo real
DLSI – Universidad de Alicante 13
Dispositivos de entrada
DLSI – Universidad de Alicante 14
DLSI – Universidad de Alicante 15
Dispositivos de entrada• Selección por barrido:
– Ejemplo: SAW (Special Access to Windows)
– Permite definir conjuntos de selecciones:• Letras y palabras• Símbolos, números y formas• Movimientos del cursor
DLSI – Universidad de Alicante 16
Dispositivos de entrada• Teclado reducido:
– Sus dimensiones son más reducidas que las de un teclado convencional
– Requieren menor amplitud de movimiento
Como navegan los discapacitados
• Teclado reducido
DLSI – Universidad de Alicante 17
Dispositivos de entrada• Teclado ampliado:
– Dimensiones mayores que las de un teclado convencional
– Requieren menos precisión de movimientos para su manipulación
Dispositivos de entrada• Teclado ampliado:
DLSI – Universidad de Alicante 18
Dispositivos de entrada• Teclado protegido:
– Emplea una cubierta protectora para el teclado con agujeros perforados que se corresponden con las teclas
– Permite a usuarios con dificultad de movimiento (poca precisión) emplear un teclado
– Para usuarios con dificultades de la atención o de memoria se puede restringir el número de teclas disponibles
Dispositivos de entrada
DLSI – Universidad de Alicante 19
Dispositivos de entrada
Dispositivos de entrada
DLSI – Universidad de Alicante 20
Dispositivos de entrada• Teclado para una sola mano:
– Tienen una distribución especial de las teclas
– Requieren menor amplitud de movimientos para abarcarlas
– Ejemplo: Maltron One Handed Keyboardj p y• Versión mano izquierda o derecha
Dispositivos de entrada• Teclado para una sola mano:
DLSI – Universidad de Alicante 21
Dispositivos de entrada• Teclado para una sola mano:
– Ejemplo: Half Keyboard:• Con una sola mano se puede acceder a las
dos partes de un teclado normal• Si se mantiene pulsado la barra espaciadora se
activa la otra parte• Dos variantes:• Dos variantes:
– Teclado partido– Teclado completo con la funcionalidad disponible
Dispositivos de entrada
DLSI – Universidad de Alicante 22
Dispositivos de entrada
Se puede elegir el teclado para la mano izquierda o para la derecha
Dispositivos de entrada• Teclado configurable:
– Ejemplo: IntelliKeys• Permite emplear diferentes plantillas
DLSI – Universidad de Alicante 23
Dispositivos de entrada• Teclado de acordes:
– Inspirado en los pianos– Teclado reducido: 6 u 8 teclas– Se basa en la pulsación simultánea de
varias teclas– Es necesario un aprendizaje específicoEs necesario un aprendizaje específico
DLSI – Universidad de Alicante 24
Dispositivos de entrada• Teclado de acordes:
Dispositivos de entrada• Teclado braille:
– Similar al teclado de acordes– Un teclado braille es un dispositivo de
entrada que permite representar cualquier carácter mediante la pulsación simultánea de unas pocas teclas, lo que permite alcanzar una gran velocidad de escriturag
– Los teclados braille suelen poseer 6 u 8 teclas principales, más una serie de teclas auxiliares
DLSI – Universidad de Alicante 25
Dispositivos de entrada
Dispositivos de entrada• Ratón de bola:
– Trackball– Es un ratón estático– Tiene los dos/tres botones del ratón
convencional y una bola integrada con la que se pueden controlar los desplazamientos del cursordesplazamientos del cursor
– Algunos modelos permiten, mediante una sencilla adaptación y un soporte adecuado, su utilización con la barbilla
DLSI – Universidad de Alicante 26
Dispositivos de entrada• Ratón de bola:
Dispositivos de entrada• Ratón de cabeza:
– Headpointer– Mouth or Head Wands: varitas para la
boca o la cabeza – Permite el desplazamiento del cursor del
ratón en la pantalla mediante movimientos pprecisos de cabeza
– El usuario se coloca una diadema u otro dispositivo en la cabeza
DLSI – Universidad de Alicante 27
Dispositivos de entrada• Ratón de cabeza:
– Diferentes tecnologías:• Infrarrojos• Ultrasonidos• Giroscopio• Webcam• Láser• Óptico
Dispositivos de entrada• Ratón de cabeza:
– Ejemplo: HeadMaster Plus• Basado en ultrasonidos• Emplea el movimiento de la cabeza y el aire
expulsado por la boca
DLSI – Universidad de Alicante 28
Dispositivos de entrada
Dispositivos de entrada
DLSI – Universidad de Alicante 29
Dispositivos de entrada• Reconocimiento facial:
– Ejemplo: RecHeadDev, de Vodafone• Es un ratón facial por webcam USB estándar que
permite la interacción completa persona-ordenador, sin necesidad del uso de manos, cables, sensores u otro tipo de dispositivo que limite o interfiera con el usuario.
• Utilizando sistemas de visión por computador, todas las funciones del ratón se funden en la webcam, empleando la nariz o movimientos de la cara como puntero del ratón, y utilizando gestos de la cara o sonidos desde un micrófono para efectuar los eventos de un ratón convencional.
Dispositivos de entrada
DLSI – Universidad de Alicante 30
Dispositivos de entradaGesto Evento ratón
Doble guiño ojo izquierdo Doble click izquierdo
Guiño ojo izquierdo Click izquierdo
Guiño ojo derecho Click derechoGuiño ojo derecho Click derecho
Mantenerse un tiempo determinado sobre una zona simulará el click izquierdo
Click en espera
Dispositivos de entrada
DLSI – Universidad de Alicante 31
Dispositivos de entrada
Dispositivos de entrada• Reconocimiento facial:
Ejemplo: Iriscom– Ejemplo: Iriscom• Se trata de un sistema muy simple y fácil de aprender,
con el que el usuario puede colocar el puntero del ratón en cualquier lugar de la pantalla, sólo mirando a ese punto. La pulsación de los botones del ratón se logra parpadeando lentamente o manteniendo el puntero en el lugar deseado, durante unos segundos.
• El equipo puede instalarse en cualquier ordenador y se compone de dos fuentes de luz infrarroja, que son las que marcan el puntero en el ojo, y una pequeña cámara que registra el movimiento del iris.
DLSI – Universidad de Alicante 32
Dispositivos de entrada
Dispositivos de entrada
DLSI – Universidad de Alicante 33
Dispositivos de entrada• Tabletas especiales:
Dispositivos de entrada• Control mediante la voz:
– Ejemplo: IBM ViaVoice– Ejemplo: Dragon NaturallySpeaking
DLSI – Universidad de Alicante 34
Dispositivos de entrada
¿Cómo será en el futuro?
DLSI – Universidad de Alicante 35
Dispositivos de entrada• Con prótesis:
– Implantes para sustituir miembros amputados
Dispositivos de entrada
DLSI – Universidad de Alicante 36
Dispositivos de entrada
DLSI – Universidad de Alicante 37
Dispositivos de entrada• Con prótesis:
– Implantes para recuperar la visión
DLSI – Universidad de Alicante 38
Dispositivos de entrada• Con el pensamiento:
– Implantes cerebrales para controlar el ordenador directamente con el cerebro mediante los estímulos neuronales
• Actualidad: procedimiento invasivo• Futuro: no invasivo
Dispositivos de entrada
DLSI – Universidad de Alicante 39
Dispositivos de salida• Estándar:
– Monitor e impresora• Ampliación de caracteres• Sintetizador del habla• Línea braille• Combinación de las anteriores
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)
DLSI – Universidad de Alicante 40
DLSI – Universidad de Alicante 41
Dispositivos de salida• Ampliación de caracteres o
magnificador de pantalla– Screen magnifier– Mediante software– Para visión reducida (pero no ceguera
total)total)
Dispositivos de salida• ZoomText Screen Magnifier/Screen
Reader
DLSI – Universidad de Alicante 42
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 complejosp j
DLSI – Universidad de Alicante 43
DLSI – Universidad de Alicante 44
DLSI – Universidad de Alicante 45
Dispositivos de salida• Línea braille:
– Es la solución táctil más extendida– Es la solución táctil más extendida– Consta de una o dos hileras de celdas táctiles– Cada hilera de celdas representa un conjunto de
caracteres– Mediante un mecanismo electromecánico que
sube o baja un conjunto de 6 u 8 puntos por celda, pueden representar un carácter braille en cada unacada una
– La representación del carácter es en braille y cuando se trata de un elemento gráfico, la celda lo simboliza de alguna forma
Dispositivos de salida• Línea braille:
DLSI – Universidad de Alicante 46
Dispositivos de salida
Dispositivos de salida
DLSI – Universidad de Alicante 47
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
Dispositivos de salida
DLSI – Universidad de Alicante 48
Dispositivos de salida• Impresora braille:
– Duxbury Braille Translator (DBT): covierte documentos de distinto formato (Word, PDF, HTML, etc.) a los caracteres braille
• Versión gratuita Perky Duck• http://www.duxburysystems.com/
– Enabling Technologies: fabricante de impresoras braille
• http://www.brailler.com/
Dispositivos de salidaJuliet Pro 60
Gemini Print and Braille Embosser
DLSI – Universidad de Alicante 49
Dispositivos de entrada y salida• Enlaces:
– http://jan.ucc.nau.edu/~ldg/dis505/applications/computer/input.html
– http://ergo.human.cornell.edu/ahtutorials/ckd.htm
– http://www.turningpointtechnology.com/p gp gy