Accesibilidad en la Web: de WCAG 1.0 a WCAG...

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


¿Cómo navegan los discapacitados?

Contenido• Cómo navegan los discapacitados• Dispositivos de entrada• Dispositivos de salida


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


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


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


– 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


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


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


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



Interruptor por aireInterruptor por aire(Sip-Puff Switch)Inspiración y expiración

Interruptor por agarre(Grasp Switch)

Interruptor flexible(Flex Switch)


Interruptor por microluzInterruptor por microluz(Microlight Switch)

Interruptor de almohada(Pillow Switch)Para la cabeza o barbilla

Interruptor de infrarrojos(IR Switch)


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



– Ejemplo: SAW (Special Access to Windows)

– Permite definir conjuntos de selecciones:• Letras y palabras• Símbolos, números y formas• Movimientos del cursor


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


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:


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• 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




– 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




Se puede elegir el teclado para la mano izquierda o para la derecha

Dispositivos de entrada• Teclado configurable:

– Ejemplo: IntelliKeys• Permite emplear diferentes plantillas


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


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



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


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



– Diferentes tecnologías:• Infrarrojos• Ultrasonidos• Giroscopio• Webcam• Láser• Óptico


– Ejemplo: HeadMaster Plus• Basado en ultrasonidos• Emplea el movimiento de la cabeza y el aire

expulsado por la boca


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 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• 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.


Dispositivos de entrada• Tabletas especiales:

Dispositivos de entrada• Control mediante la voz:

– Ejemplo: IBM ViaVoice– Ejemplo: Dragon NaturallySpeaking



¿Cómo será en el futuro?


Dispositivos de entrada• Con prótesis:

– Implantes para sustituir miembros amputados



Dispositivos de entrada• Con prótesis:

– Implantes para recuperar la visión


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 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)


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


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


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




– 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• 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


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

Accesibilidad en la Web: de WCAG 1.0 a WCAG...

Documents

Transcript of Accesibilidad en la Web: de WCAG 1.0 a WCAG...