Accesibilidad Web

Entendiendo el concepto de Accesibilidad

Lic. Ivana Harari. iharari@info.unlp.edu.ar

Universidad Tecnológica Nacional

Licencia Creative CommonsAccesibilidad Web- Entendiendo el concepto de Accesibilidad por Esp.Lic.Ivana Harari se encuentra bajo

una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported.

Temario

La Discapacidad y la Web Motivaciones Tipo de discapacidades Las Adaptaciones informáticas de hardware y software Problemática del discapacitado en la Web Por un diseño universal

Experiencias con adaptaciones informáticas

Temario

Normas de Accesibilidad Web Definiciones de Accesibilidad Alcances de la Accesibilidad Accesibilidad y la Legislación Los consorcios internacionales Las normas de accesibilidad Normas WCAG 2.0 Herramientas de validación

Ejercitación con validadores

Temario

Los pasos para hacer accesible un sitio Elección de las Normas y de los Validadores Proceso de concientización y capacitación Proceso de evaluación de Accesibilidad

Validación automática Validación manual Otro tipo de comprobaciones

Implementar la Accesibilidad Mecanismos de solución

Casos de estudio

Temario

Accesibilidad y los aspectos tecnológicos Herramientas tecnológicas y accesibilidad HTML 5 Ajax Accesible Flash Accesible Móviles y Accesibilidad Tendencias

Trabajo Final

Por qué Accesibilidad?

¿Qué es Accesibilidad?Video sobre Accesibilidad en el Subte emitido por el programa CQC

(Disponible en http://www.youtube.com/watch?v=EkznhLn4L-A)

Accesibilidad en todos los contextos

Por ej: una Biblioteca Accesible

Accesibilidad en las Bibliotecas… Una Biblioteca Accesible implica

trabajar por la igualdad para que todos los usuarios accedan a los materiales, instalaciones y servicios de la biblioteca, sin discriminación por razón de origen, etnia, religión, ideología, género u orientación sexual, edad, discapacidad, recursos económicos o cualquier otra circunstancia personal o social”

Por ej: una Biblioteca Accesible

Brindar alternativas para el acceso a la información

Las TICs y la era postcassetes

Posibilitar el acceso a la información en forma remota o local, virtual o no, presencial o no presencial, sincrónica o asíncrona.

Brindar servicios vía Internet.

Procesar y reunir los recursos informativos en bases de datos creadas para tal fin.

Los sistemas de indización.

Colaborar y cooperar con entidades interesadas en el intercambio de información (instituciones afines, editoriales).

Algunas estrategias

Por ej: una Biblioteca Accesible

Algunas estrategias Ampliar soporte y formatos disponibles

de la información Recursos en soporte digital La Digitalización permite:

Conversión a Braille Conversión a MP3, MP4, MP5 Conversión a Macrotipos Acceso desde adaptaciones

informáticas

Productos audiovisuales Productos multimediales Libros electrónicos Libros parlantes

Por ej: una Biblioteca Accesible

Algunas estrategias Tener disponible recursos y dispositivos

para discapacitados

Lupas

Parlantes

Audífonos

Dispositivos electrónicos

Notebook o PC adaptada

Por ej: una Biblioteca Accesible

Algunas estrategias Tener en cuenta las leyes y estándares

Por ej: una Facultad Accesible

Por ej: una Facultad Accesible

Capacitar en TICs a personas con discapacidad

Difundir Accesibilidad y la Ley Nacional de Accesibilidad Web

Promover la Investigación, Evaluación y Desarrollo Accesible

•Lihuen Accesible•GMAIL Accesible LIFIA•Redes Sociales Accesibles

Formalizar gestión•Cartelería Braille•Biblioteca accesible•Docentes y No docentes

Atender las necesidades específicas de los alumnos con discapacidad

Poner en práctica el espíritu de la UNLP sobre inclusiónAlgunas

estrategias

Por ej: una Facultad Accesible

La Accesibilidad desde distintas perspectivas

De Acceso y circulación

Arquitectónicos

De Diseño

Comunicación

•Tecnológicos (TICs)

•Disponibilidad de Recursos

•Sobre Contenidos y Materiales educativos y bibliográficos

Los bienes, procesos, productos y servicios, los objetos o instrumentos, herramientas y dispositivos

Por ej: una Facultad Accesible

Alumnos

Administrativos

Autoridades

•Docentes

GraduadosIngresantes

La Accesibilidad se construye entre todos

Por ej: un Sitio Web Accesible

La información debe estar disponible para todos

Pueden no ser capaces de ver, escuchar, moverse.

Pueden tener una versión anterior del navegador, un navegador de voz o un SO distinto.

Pueden tener dificultad en la lectura o comprensión de un texto.

No tienen por qué tener o ser capaces de usar un teclado o un mouse.

Pueden tener una pantalla que sólo presenta texto, una pantalla pequeña o una conexión lenta a Internet.

Pueden encontrarse en una situación en la que sus ojos, oídos o manos estén ocupados u obstaculizados.

Por ej: un Sitio Web Accesible

Tim Berners-Lee, Director del W3C:

“Poner Internet y sus servicios a disposición de las personas, sean cuales sean sus requisitos de hardware o software, su infraestructura de red, su idioma materno, su contexto cultura, su ubicación geográfica o sus aptitudes mentales y físicas."

Denis Chêne, Telecom R&D, Francia:“La accesibilidad de un documento permite ser comprensible en una gran variedad de configuraciones (hardware) o aplicaciones (software) potenciales, estén o no manipuladas por una gama de usuarios con distintas capacidades perceptivas y cognitivas y que trabajan desde distintos entornos físicos y culturales. …”

Es un proceso que depende de muchas voluntades.

La Accesibilidad involucra a diferentes actores

Trabajar con otras barreras, la barrera mental => concientizar

El entorno debe ajustarse a la diversidad de la población.

Implica ponerse en el lugar del otro.

Respetar la igualdad de derechos y de oportunidades.

Permitir Autonomía

Entender que se necesita recursos, atención especiales

Trabajar para un diseño accesible que incluya a todos.

En todos los casos:

Por qué Accesibilidad en la Web?

Hay una realidad...

Auge de InternetAuge de Internet Todos quieren y tienen derecho a usarlo

Hay una realidad... el Auge de Internet

Hoy en día, se ha impulsado notablemente el uso de las TICs con aplicaciones de e-salud, e-educación, e-comercio y e-gobierno.

En el caso de e-gobierno, desde el Estado Nacional, a través del Decreto 378/2005 se aprobaron los lineamientos estratégicos para el Plan Nacional de Gobierno Electrónico y los Planes Sectoriales.

Impacto de las TICs:

• Las TICS generan un notable impacto en nuestra vida cotidiana.• El ciudadano puede hacer uso intensivo de estas nuevas

tecnologías iniciando trámites, gestionando transacciones, consultando información o hasta participando en espacios virtuales de comunicación.

• Pero esta realidad no es compartida para todo usuario. • Mejorar la gestión pública, facilitar trámites y minimizar costos,

aún están muy lejos de reducir la brecha digital entre los usuarios que poseen las condiciones óptimas de acceso Web y los que no.

Hay una realidad...el Auge de Internet

Según la OMS, alrededor del 10% de la población mundial, o sea 650 millones de personas, vive con una discapacidad. Constituyen la mayor minoría del mundo.

En el caso de los no videntes o disminuidos visuales: Se estima un alto índice de personas -70%- que tienen o tendrán

problemas visuales: ¿Internet está preparada para esto? Los ciegos y minusválidos se enfrentan día a día a un mundo lleno de

barreras: ¿Internet es otro obstáculo más que deben enfrentar? Internet tiene una naturaleza esencialmente visual de comunicación:

¿Cómo hace un usuario con problemas visuales para obtener, buscar información, para comprar, para comunicarse por Internet?

En el ámbito de Internet, uno debe cuestionarse si:

Internet: ¿es realmente para todos?, o si un sitio gubernamental es realmente público?

Hay una realidad...el Auge de Internet

Hoy en día, se ha impulsado notablemente el uso de las TICs con aplicaciones de e-salud, e-educación, e-comercio y e-gobierno.

En el caso de e-gobierno, desde el Estado Nacional, a través del Decreto 378/2005 se aprobaron los lineamientos estratégicos para el Plan Nacional de Gobierno Electrónico y los Planes Sectoriales.

Impacto de las TICs: Las TICS generan un notable impacto en nuestra vida cotidiana. El ciudadano puede hacer uso intensivo de estas nuevas tecnologías

iniciando trámites, gestionando transacciones, consultando información o hasta participando en espacios virtuales de comunicación.

Pero esta realidad no es compartida para todo usuario. Mejorar la gestión pública, facilitar trámites y minimizar costos, aún

están muy lejos de reducir la brecha digital entre los usuarios que poseen las condiciones óptimas de acceso Web y los que no.

Hay una realidad...el Auge de Internet

El Acceso a las TICs Exuberancia: disponemos de una apabullante y diversa cantidad de

datos. Omnipresencia: los nuevos instrumentos de información, o al

menos sus contenidos los encontramos por doquier. Irradiación. distancia ilimitada, distancias físicas en relativas,

barreras geográficas se difuminan. Velocidad e inmediatez. La comunicación se ha vuelto instantánea. Interactividad. los nuevos instrumentos para propagar información

permiten que sus usuarios sean no sólo consumidores, sino productores.

Heterogeneidad. en los medios contemporáneos y particularmente en Internet con diversidad de actitudes, opiniones, pensamientos

Desigualdad. La Sociedad de la Información ofrece como contra cara el surgimiento de la Brecha Digital

Brecha digital entre los usuarios que poseen las condiciones óptimas de acceso a las TICS y los que no.

Discapacidades Visuales: Son los que más problemas tienen de acceder a Internet, por su tipo de comunicación escencialmente visual.Muchas veces se utilizan imágenes, mapas de imágenes, fondos, colores para expresar información.Hay páginas con información irrelevante o demasiada información que hace difícil la traducción mediante sistemas de lectura.Hay páginas que utilizan para su construcción valores absolutos, para por ejemplo tamaño de las letras, dificultando los sistemas de zoomming.

Discapacidades AuditivasSon los que menos problemas tienen al acceder a la WebSalvo en videos y audio clips que deben ser subtitulados

Discapacidades MotricesEstos usuarios presentan dificultades con el uso del mouse y la presión simultánea de teclas

Discapacidades CognitivasNo se consideran sólo a aquellos usuarios con grado de inteligencia inferior a lo normal.También se incluyen personas con diferentes capacidades de razonamiento, de rapidez mental y de memorización.

Hay una realidad...Diversidad de usuarios

Dentro de la Discapacidad Visual:

Miopia: Guiña los ojos, Se acerca mucho al monitor, Se acerca a los textos, Sufren de dolores de cabeza.

Daltonismo: Dificultad para diferenciar los colores, Monocromatismo (ceguera completa para colores), Discromatismo (ceguera parcial para los colores, incapacidad para diferenciar el rojo y el verde, o el azul y el amarillo).

Hipermetropía: Se le mueven las letras al leer, Le lloran los ojos. Tensión, Fotofobia,Dificultad para la lectura y escritura, Bajo rendimiento escolar, baja concentración, Imposibilidad de mantener una visión clara a cortas distancias, Cansancio ocular, Fatiga general, Dolores de cabeza

Astigmatismo: Molestias en la nuca, Mala agudeza visual de lejos, Picazón y/o enrojecimiento de ojos, Dolores de cabeza en nuca y frente, Problemas para el cambio de visión cerca/lejos.

Anomalías Binoculares: Falta de coordinación ojo/mano, Visión borrosa, Dolores de cabeza, Falta de atención y concentración, Poca velocidad y comprensión al leer, Tendencia a aproximarse la lectura, Fatiga visual.

Presbicia: Imposibilidad de realizar trabajos prolongados en visión próxima, Alejamiento de la lectura, Emborronamiento de las imágenes, Fatiga visual, “Amontonamiento” de las letras en la lectura.

Hay una realidad...Diversidad de usuarios

Cómo enfrentar esta realidad?

Aportes desde Informática

• Modelo Funcional de la Discapacidad• La OMS (1997) define la discapacidad de una persona como

resultante de la interacción entre la persona con sus limitaciones y las variables ambientales que influyen como: el ambiente físico, las situaciones sociales y los recursos.

• Este ambiente puede o no proporcionar el adecuado apoyo, incidiendo directamente en la reducción o progresión de sus limitaciones funcionales hasta generar la discapacidad.

Aportes desde Informática

ZoomText 9.1 Orca

NVDA

Aportes desde Informática

Aportes desde Informática

Herramientas de adaptación según el tipo

de discapacidad

Aplicaciones que deben ser accesibles

+

ADAPTACIONES INFORMÁTICAS

CONCEPTO DE ACCESIBILIDAD

Adaptaciones Informáticas

Un caso de Maxi...

Adaptaciones Informáticas

Hay herramientas de software: software de lectura de pantalla, magnificadores de lectura, software de presentación de teclados en pantalla (totalmente

configurables para adaptarse a las necesidades del usuario, estos pueden operarse desde mouse o pulsador).

Hay productos de hardware como: sintetizadores de voz (para equipar la PC), equipos de multifunciones, sistemas de lectura (especies de fotocopiadoras parlantes), graficadores de relieve (para preparar gráficos táctiles), insumos de medicina para no videntes (termómetros parlantes),

lentes sonares (emiten un sonido particular al detectar un obstáculo),

reconocedores ópticos braille, magnificadores de imágenes para TV y monitores de PC, teclado Braille, emuladores de teclado y mouse.

Magnificadores y lectores de pantalla

•Está diseñado para aplicaciones Mac. Permite ampliación de 1:2 a 1:8. •Versión gratuita http://www.artissoftware.com/lupe.html

•Amplificador y lector según lo indicado por el usuario. •Es compatible con Windows•De freedomscientific

•Supernova, Lunar y Lunar Plus conforman el trío de magnificadores de pantalla de Dolphin Computer Access. •Incluye la lectura de la pantalla completa en discurso y en Braille con ampliación integrada de la pantalla. •Es para Windows. Su última versión es la 4.05.•http://www.yourdolphin.com/

ZoomText 9.1

•Ampliador de caracteres para equipos IBM y entornos Windows, compatible con JAVA. Permite ampliar de 2 a 16 veces el tamaño normal. Su última versión es la 7.1.•http://www.aisquared.com/

Adaptaciones Informáticas

Magnificadores y lectores de pantalla

De Freedom ScientificJAWS provee un sin fin de comandos para facilitar el manejo de las aplicaciones y de Internet. Permite salida braille o por voz. Presenta una serie de combinaciones de teclas muy utilizadas por el usuariohttp://www.freedomscientific.com/fs_products/JAWS_HQ.asp

Descripción Teclas

Volver a la página anterior ALT+LEFT ARROW or BACKSPACE

Ir a la página siguiente ALT+RIGHT ARROW

Ir a la página HOME ALT+HOME

Actualizar Página CTRL+F5

Parar transferencia ESC

Setear Pantalla Completa o no F11

Aumentar el Zoom CTRL+PLUS or CTRL+MOUSE UP

Disminuir el Zoom CTRL+MINUS or CTRL+MOUSE DOWN

Abrir Favoritos CTRL+I or ALT+A

Organizar Favoritos CTRL+B

Agregar a Favoritos CTRL+D

Ir a la Barra de Direcciones ALT+D

Leer la Barra de Direcciones INSERT+A

Listar las direcciones de la Barra de Direcciones

F4

Adaptaciones Informáticas

Teclados

Teclado realizado por Universidad Autónoma de Barcelona y ONCE

Dasher es una eficiente interfaz de introducción de texto, conducida por selecciones contíguas.

Teclados para una sola mano que tienen una distribución especial de las teclas y requieren menor amplitud de movimientos para abarcarlas.

Teclado ergonómico diseñado especialmente para adaptarse a la forma de las manos y los dedos. 

Adaptaciones Informáticas

Teclados

Teclados ampliados - Requieren menos precisión de movimientos para su manipulación.

Teclados reducidos - Requieren menor amplitud de movimiento.

Teclados virtuales - En la pantalla del ordenador aparece un teclado. puede ser un ratón o un pulsador.

Adaptaciones Informáticas

Mouse y Joystick

Ratón de bola. Es un ratón estático. Tiene dos o tres botones del ratón convencional y una bola integrada con la que se puede controlar los desplazamientos del cursor. 

Joystick para trabajar sobre una mesa o una superficie plana,  se mueve el puntero del ratón en las cuatro direcciones (arriba, abajo, izquierda, derecha) y en las diagonales. Los cuatro botones hacen las funciones de clic y doble clic sobre botón izquierdo, arrastrar y soltar sobre botón izquierdo y clic sobre botón derecho.

Adaptaciones Informáticas

Mouse y Joystick

Joystick para trabajar con cualquier parte del cuerpo, se mueve el puntero del ratón en las cuatro direcciones (arriba, abajo, izquierda, derecha) y en las diagonales.

Emulador de ratón preciso para Mentón. Joystick para trabajar con el mentón, se mueve el puntero del ratón de forma lineal, es decir a más desplazamiento del joystick más se desplaza el puntero, pudiendo moverse en cualquier dirección.

Adaptaciones Informáticas

Mouse y Joystick

Licornios

Licornios o Ratón de cabeza Permite el desplazamiento del cursor del ratón en la pantalla mediante movimientos precisos de cabeza.

 

Mouse virtual: la utilidad "Joystick-to-mouse", emula el funcionamiento del ratón desde un joystick especial.

Adaptaciones Informáticas

OCR (Reconocimiento de caracteres ópticos)

Kooka es un programa de escaneo, intituivo, fácil de usar y de código abierto GNU/Linux

GOCR is un programa OCR bajo la licencia GNU. Convierte imágenes escaneadas de texto a archivos de texto.

Ocrad - El OCR de GNU

ABBYY líder en el reconocimiento de documentos, captura de datos y tecnologías linguísticas.

Adaptaciones Informáticas

Salida Braille y síntesis de vozlos contenidos en pantalla se reproducen en un display Braille y/o mediante una voz sintetizada en el idioma de preferencia del usuario.

Línea PAC-Mate de Freedom Scientific

Modelo: Braille Sense El Instituto Nacional de Estándares y Tecnología de Estados Unidos (NIST)

Gnopernicus permite usar el escritorio GNOME con Braille, Lupa, Voz o Monitor Braille.

GOK pemite usar dispositivos de entrada alternativos, como componer teclado, teclados dinámicos, selección directa, ratón, barrido con un solo pulsador.

Adaptaciones Informáticas

Lectores de Pantalla incluidos en S.OP.Tanto Mac como Windows ofrecen hoy en día lectores de pantalla incluidos en sus sistemas operativos. Para personas ciegas como a personas con dificultades de lectura.

Adaptaciones Informáticas

Magnificadores de pantalla incluidos

Entre las opciones de accesibilidad que ofrece Windows se encuentra una lupa virtual, llamada "magnificador", que ampía aquello que está junto al puntero del ratón.

Adaptaciones Informáticas

Teclados incluidos en el S.OP.

El teclado virtual que ofrece Windows 2000 es una útil herramienta para aquellos que no pueden utilizar el teclado normal.

Adaptaciones Informáticas

Problemáticas del discapacitado en el uso de las herramientas:

Barreras idiomáticas: es difícil encontrar que los cursos de entrenamiento, manuales, soporte técnico ofrecidos por las empresas, como el software de instalación de los productos, estén en español.

Barreras educativas: las herramientas requieren que el usuario discapacitado, tenga un grado de conocimiento informático elevado. Por ej. deben destinar horas de interacción con manuales o requieren más de 7 horas de entrenamiento a través de audio-cassettes.

Barreras técnicas: problemas de incompatibilidad, de portabilidad, de configuración, de integración, que surgen en la instalación y utilización de estos productos, que la persona debe resolver.

Barreras geográficas: ciber-cafes y locutorios no preparados.

Barreras económicas: productos costosos.

Barreras tecnológicas: Falta de diseño universal en Internet

Adaptaciones Informáticas

Referencias

Discapacidad Convención sobre los derechos de las personas con discapacidad

http://www.un.org/esa/socdev/enable/rights/convtexts.htm Pautas de estilo para escribir sobre discapacidad

http://www.comfer.gov.ar/documentos/pdf/libro2.pdf http://www.sidar.org/recur/desdi/pau/pauest.php

Información sobre discapacidad en Argentina http://www.argentina.gov.ar/argentina/portal/paginas.dhtml?pagina=353

Información sobre discapacidad en España DisWeb2000 http://usuarios.discapnet.es/disweb2000/

SID-Servicio de Información sobre Discapacidad, España http://sid.usal.es/

ICDRI-The International Center for Disability Resources on the Internet http://www.icdri.org

Estándares de accesibilidad del Gobierno de los EEUU http://www.section508.gov

Referencias

Pautas relacionadas con Accesibilidad Web WAI de la W3C

http://w3.org/WAI Oficina Española del W3C

http://w3c.es Todas las traducciones en formato libro

http://usuarios.discapnet.es/disweb2000/WCAG2003/2003_wai.pdf Pautas de Accesibilidad para Contenido Web 1.0

http://www.w3.org/1999/WAI-WEBCONTENT-19990505 Pautas de Accesibilidad para Contenido Web 2.0

http://www.w3.org/TR/WCAG/ Pautas de Accesibilidad de las Herramientas de Autor 1.0

http://www.w3.org/TR/ATAG10 Pautas de Accesibilidad de XML

http://www.w3.org/TR/xag.html Características de accesibilidad del SMIL

http://www.w3.org/TR/SMIL-access/Overview.html

Referencias

Herramientas de validación de Accesibilidad Test de Accesibilidad Web TAW:http://www.tawdis.net HERA:http://www.sidar.org/hera Examinator:http://www.accesible.com.ar/examinator Cynthia Says (Directora ejecutiva de ICDRI Cynthia Waddell)

http://www.icdri.org Validador de HTML y XHTML:http://validator.w3.org/ Validador de CSS: http://jigsaw.w3.org/css-validator/ Validador de RSS y Atom: http://validator.w3.org/feed Validador de Schema de XML: http://www.w3.org/2001/03/webdata/xsv

Herramientas de software JAWS: http://www.funcaragol.org/html/mainjaws.htm NVDA (lector de pantalla de código abierto):

http://nvdasp.wiki.mailxmail.com/PaginaInicial Media Access Generator (MAGpie) para agregar subtitulado a un video

http://ncam.wgbh.org/webaccess/magpie Vischeck, para simular imágenes según problemas de visión

http://www.vischeck.com/vischeck/vischeckImage.php