Accesibilidad en la Web: de WCAG 1.0 a WCAG 2.0

Transcripción

1 Accesibilidad en la Web: de WCAG 1.0 a WCAG 2.0 Universidad de Colima México Departamento de Lenguajes y Sistemas Informáticos Cómo navegan los discapacitadosit d Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de Alicante DLSI Universidad de Alicante 1

2 Cómo navegan los discapacitados? Contenido Cómo navegan los discapacitados Dispositivos de salida DLSI Universidad de Alicante 2

3 Cómo navegan los discapacitados Diversos medios: Generales para todo el ordenador (hardware y software) Específicos para navegar Dispositivos: Entrada Salida Más información: 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 La persona con discapacidad debe poder realizar procesos similares mediante el dispositivo adaptado DLSI Universidad de Alicante 3

4 Sistema de selección: Directa Barrido (scanning) Codificación 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 4

5 Selección por barrido: 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 utilizar la barbilla, bill cabeza, etc., o incluso con la mirada Varios modos: lineal, cascada, matriz, directo y proporcional 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 5

6 Selección por barrido Automático 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 y cancelar Es imprescindible poder activar el botón de selección en el tiempo establecido 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: mover, seleccionar y cancelar No es crítico la respuesta en un tiempo prefijado DLSI Universidad de Alicante 6

7 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 prefijado Selección por barrido Directo El usuario puede seleccionar diferentes direcciones de barrido Requiere un mayor nivel de control DLSI Universidad de Alicante 7

8 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 DLSI Universidad de Alicante 8

9 DLSI Universidad de Alicante 9

10 DLSI Universidad de Alicante 10

11 Interruptor por aire (Sip-Puff Switch) Inspiración y expiración Interruptor por agarre (Grasp Switch) Interruptor flexible (Flex Switch) Interruptor por microluz (Microlight Switch) Interruptor de almohada (Pillow Switch) Para la cabeza o barbilla Interruptor de infrarrojos (IR Switch) DLSI Universidad de Alicante 11

12 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 WiVik Dispositivos de salida Teclado virtual en pantalla Combina un sintetizador de voz para que el usuario verifique lo que escribe en tiempo real DLSI Universidad de Alicante 12

13 DLSI Universidad de Alicante 13

14 DLSI Universidad de Alicante 14

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

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

17 Teclado ampliado: Dimensiones mayores que las de un teclado convencional Requieren menos precisión de movimientos para su manipulación Teclado ampliado: DLSI Universidad de Alicante 17

18 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 DLSI Universidad de Alicante 18

19 DLSI Universidad de Alicante 19

20 Teclado para una sola mano: Tienen una distribución especial de las teclas Requieren menor amplitud de movimientos para abarcarlas Ejemplo: Maltron One Handed Keyboard Versión mano izquierda o derecha Teclado para una sola mano: DLSI Universidad de Alicante 20

21 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: Teclado partido Teclado completo con la funcionalidad disponible DLSI Universidad de Alicante 21

22 Se puede elegir el teclado para la mano izquierda o para la derecha Teclado configurable: Ejemplo: IntelliKeys Permite emplear diferentes plantillas DLSI Universidad de Alicante 22

23 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ífico DLSI Universidad de Alicante 23

24 Teclado de acordes: 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 escritura Los teclados braille suelen poseer 6 u 8 teclas principales, más una serie de teclas auxiliares DLSI Universidad de Alicante 24

25 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 cursor Algunos modelos permiten, mediante una sencilla adaptación y un soporte adecuado, su utilización con la barbilla DLSI Universidad de Alicante 25

26 Ratón de bola: 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 precisos de cabeza El usuario se coloca una diadema u otro dispositivo en la cabeza DLSI Universidad de Alicante 26

27 Ratón de cabeza: Diferentes tecnologías: Infrarrojos Ultrasonidos Giroscopio Webcam Láser Óptico 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 27

28 DLSI Universidad de Alicante 28

29 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. DLSI Universidad de Alicante 29

30 Gesto Evento ratón Doble guiño ojo izquierdo Doble click izquierdo Guiño ojo izquierdo Click izquierdo Guiño ojo derecho Click derecho Mantenerse un tiempo determinado sobre una zona simulará el click izquierdo Click en espera DLSI Universidad de Alicante 30

31 Reconocimiento facial: 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 31

32 DLSI Universidad de Alicante 32

33 Tabletas especiales: Control mediante la voz: Ejemplo: IBM ViaVoice Ejemplo: Dragon NaturallySpeaking DLSI Universidad de Alicante 33

34 Cómo será en el futuro? DLSI Universidad de Alicante 34

35 Con prótesis: Implantes para sustituir miembros amputados DLSI Universidad de Alicante 35

36 DLSI Universidad de Alicante 36

37 Con prótesis: Implantes para recuperar la visión DLSI Universidad de Alicante 37

38 Con el pensamiento: Implantes cerebrales para controlar el ordenador directamente con el cerebro mediante los estímulos neuronales Actualidad: procedimiento invasivo Futuro: no invasivo DLSI Universidad de Alicante 38

39 Estándar: Dispositivos de salida Monitor e impresora Ampliación de caracteres Sintetizador del habla Línea braille Combinación de las anteriores Estándar: Dispositivos de salida Para usuarios con visión reducida Monitor de alta resolución 21 (o mayor) Ampliador de monitor: Ejemplo: Beam Scope TV Screen Magnifier inches Duplica el tamaño de la pantalla (no la resolución) DLSI Universidad de Alicante 39

40 DLSI Universidad de Alicante 40

41 Dispositivos de salida Ampliación de caracteres o magnificador de pantalla Screen magnifier Mediante software Para visión reducida (pero no ceguera total) Dispositivos de salida ZoomText Screen Magnifier/Screen Reader DLSI Universidad de Alicante 41

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 complejos DLSI Universidad de Alicante 42

43 DLSI Universidad de Alicante 43

44 DLSI Universidad de Alicante 44

45 Dispositivos de salida Línea braille: 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 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 Línea braille: Dispositivos de salida DLSI Universidad de Alicante 45

46 Dispositivos de salida Dispositivos de salida DLSI Universidad de Alicante 46

47 Línea braille: 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 DLSI Universidad de Alicante 47

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 Enabling Technologies: fabricante de impresoras braille Dispositivos de salida Juliet Pro 60 Gemini Print and Braille Embosser DLSI Universidad de Alicante 48

49 y salida Enlaces: ons/computer/input.html d.htm gy DLSI Universidad de Alicante 49