Interacción persona-ordenador Accesibilidad

Accesibilidad Objetivos z Concienciar a diseñadores y programadores de interfaces de usuario sobre la necesidad del diseño universal z Conocer diversos tipos de discapacidades y algunas de las soluciones disponibles más extendidas

Accesibilidad Contenidos z Introducción zDiscapacidades zAccesibilidad en la Web zEvaluación de la accesibilidad

Accesibilidad Introducción z Los seres humanos son diferentes entre sí y Todas las interfaces de usuario deberían acomodarse a esas diferencias de tal modo que cualquier persona fuera capaz de utilizarlas sin problemas z El objetivo a lograr es el diseño universal: Diseño de productos que sean usables por el rango más amplio de personas, funcionando en el rango más amplio de situaciones y que sean comercialmente practicables y El diseño de los productos y de entornos ha de ser usable por la mayor parte de la gente posible, sin necesidad de adaptación o de diseño especializado

Introducción Diseño universal z Razones para el diseño universal: y La edad media de la población aumenta x Existe una relación entre edad y limitaciones funcionales y Aumenta el acceso de una mayor parte de la población a sistemas interactivos

Graying of America

zMuchas empresas e instituciones contratan como parte de su política de personal a un grupo fijo de personas calificadas legalmente como discapacitadas z Muchos gobiernos disponen de reglamentos y leyes que especifican requisitos que deben cumplir los productos utilizados en la administración pública y organizaciones dependientes z Los ordenadores e Internet ofrecen la ocasión de romper las barreras físicas para estas personas, abriéndoles múltiples oportunidades de relaciones sociales, laborales y de todo tipo z El estudio “Encuesta sobre discapacidades, deficiencias y estado de la salud 1999” realizado por el INE revela que el número de españoles con discapacidades asciende al 9% de la población Introducción Razones para el diseño universal

Introducción Principios del diseño universal z 1. Uso equitativo y El diseño ha de ser usable y de un precio razonable para personas con diferentes habilidades z 2. Uso flexible y El diseño se ha de acomodar a un rango amplio de personas con distintos gustos y habilidades z 3. Uso simple e intuitivo y El uso del diseño ha de ser fácil, independientemente de la experiencia del usuario, sus conocimientos, habilidades del lenguaje y nivel de concentración z 4. Información perceptible y El diseño debe comunicar la información necesaria efectivamente al usuario, independientemente de las habilidades sensoriales del usuario

Introducción Principios del diseño universal z 5. Tolerancia para el error y El diseño ha de minimizar posibles incidentes y las consecuencias adversas de acciones no previstas z 6. Esfuerzo físico mínimo y El diseño se ha de poder usar eficiente y confortablemente con un mínimo de fatiga z 7. Tamaño y espacio para poder usar el diseño y El diseño ha de tener un espacio y un tamaño apropiado para la aproximación, alcance y uso del diseño

Discapacidades z Discapacidad y Diferencia individual que supera un límite más o menos arbitrario y Revisaremos las discapacidades más comunes y las soluciones utilizadas para corregir los inconvenientes que producen al usar las interfaces  Muchas de estas discapacidades están presentes en mayor o menor grado entre muchas personas consideradas normales, por lo que tener en cuenta las recomendaciones pertinentes no sólo es importante para aquellos con limitaciones mayores

Tipos de discapacidades zDeficiencias visuales yColor yVisión reducida yCeguera zAuditivas zMovimiento zCognitivas

Discapacidades - deficiencia visual Color z El ojo humano contiene bastones y conos sensibles a la luz z Los conos están especializados en el color y Hay conos para los colores rojo, verde y azul y A partir de su combinación se obtienen el resto de los colores y Los defectos de visualización del color provienen de una falta en alguno de los tres tipos de conos

Discapacidades - deficiencia visual Color Protanopia: ausencia de color rojo Deuteranopia: ausencia de color verde Tritanopia: ausencia de color azul

Discapacidades - deficiencia visual Color TodosSin azul Sin rojoSin verde z Este problema afecta más a los hombres (8%) que a las mujeres (0,5%) ya que está relacionado con el cromosoma X z La falta de percepción del azul es el problema más grave pero el menos común

Discapacidades - deficiencia visual Color sin azul sin verde

Discapacidades - deficiencia visual Color ProblemaAvisoÉxito Sin azul Sin rojo Sin verde

Discapacidades - deficiencia visual Color - Conclusión z No codificar ninguna conducta importante únicamente mediante colores z Utilizar colores perfectamente distinguibles z Comprobar visualización en distintas condiciones

Discapacidades - deficiencia visual Color - Recursos z Elección de colores distinguibles: Sin rojoSin verdeTodos  Safe Web Colours for colour-deficient vision yhttp://

Discapacidades - deficiencia visual Color - Recursos Sin rojo Sin verde Todos z Paleta de Windows (16 colores)

Discapacidades - deficiencia visual Color - Recursos Sin rojoSin verdeTodos z Paleta de Windows (256 colores)

Discapacidades - deficiencia visual Color - Recursos Sin rojo Sin verde Todos z Ejemplo:

Discapacidades - deficiencia visual Color - Recursos z Cálculo de colores dicromáticos yhttp:// z Chequeo cromático de páginas web yhttp:// yhttp://en.q42.nl/color-blindness-checkhttp://en.q42.nl/color-blindness-check

Discapacidades - deficiencia visual Visión reducida z Las discapacidades visuales van desde una falta de agudeza visual hasta la completa falta de visión z Gran cantidad de los esfuerzos actuales en interfaces se apoyan en elementos gráficos z Resulta lógico ofrecer a los usuarios con visión reducida la opción de utilizar esos elementos hasta el límite donde sea posible

Discapacidades - deficiencia visual Visión reducida - Ampliadores

Discapacidades - deficiencia visual Ceguera z Cuando las deficiencias visuales llegan al límite en el que no es posible utilizar la información en pantalla, es preciso acudir a un nuevo canal de comunicación z Los canales de salida más aprovechables en el momento actual son los de voz sintetizada y las tabletas de Braille actualizables z En ambos casos, toda la información pasaría a ser de tipo verbal y buena parte de la información gráfica necesitaría reconvertirse en descripciones textuales

Discapacidades - deficiencia visual Ceguera tableta de Braille actualizable

Discapacidades - deficiencia visual Ceguera z Para proporcionar la información gráfica de la interfaz las utilidades de revisión de la pantalla leen el texto disponible y lo repiten usando los medios alternativos z Los elementos gráficos son descritos mediante etiquetas que los programadores insertan utilizando normas estandarizadas z Estas etiquetas son textos cortos o palabras que explican el significado de estos elementos gráficos

Discapacidades - deficiencia visual Ceguera - lectores de pantalla z JAWS, z Windows-Eyes,

Discapacidades - deficiencia visual Ceguera - recomendación z El teclado es el elemento de introducción de datos y navegación más importante para un usuario invidente ya que los instrumentos apuntadores pueden resultarle de poca utilidad z Es necesario asegurarse de que todos los elementos de la interfaz pueden ser accedidos mediante el teclado, utilizando las convenciones apropiadas del sistema operativo

Discapacidades Auditivas z Las personas con dificultades auditivas deberían encontrarse con menos problemas ante las interfaces actuales, debido a que la mayoría de ellas están basadas en claves visuales z En ocasiones hay cierta información que es necesario convertir en texto para que estos usuarios sean capaces de seguirla z Ciertos mensajes de alerta son codificados como sonidos debido al interés en utilizar un canal de comunicación que los usuarios tienen desocupado yEs necesario tener cuidado en este caso, puesto que los usuarios con discapacidades auditivas pueden no advertir el riesgo asociado a una situación dada

Discapacidades Auditivas z Hay personas que utilizan el lenguaje de signos desde su nacimiento z Estas personas a menudo tienen una reducción importante en el número de palabras que conocen y utilizan z En este caso, es necesario prestar atención especial al vocabulario utilizado

Discapacidades Movimiento z Problemas para realizar ciertas tareas físicas tal y como mover un puntero, pulsar dos teclas a la vez o mantener apretada una tecla z En el caso más extremo estas personas pueden no ser capaces de utilizar un teclado o un ratón y necesitan un sistema alternativo de introducción de datos tal y como uno basado en voz o en movimientos de otras partes del cuerpo (como la cabeza, la boca, etc.)

Discapacidades Movimiento - recomendación z Es conveniente proporcionar a las aplicaciones una interfaz basada en teclado lo más completa posible. El teclado proporciona a menudo un método más sencillo de introducción de la información que los mecanismos apuntadores como el ratón z Si se utiliza un sistema de introducción vocal de la información, estos programas pueden utilizar las etiquetas asociadas a cada elemento de la interfaz (botones, cuadros de diálogo, etc.) para este propósito y Una persona puede encontrar más fácil pronunciar la palabra OK para seleccionar un botón de aceptación que desplazar el cursor hasta él

Discapacidades Cognitivas z Hasta ahora el uso de ordenadores ha estado reducido a las personas con más capacidad intelectual pero esta situación puede variar en los próximos años z Un factor de gran importancia es el progresivo envejecimiento de la población y el aumento de enfermedades degenerativas relacionadas con ella z Estas personas pueden encontrarse con grandes limitaciones a la hora de aprovechar la oportunidad de, por ejemplo, realizar compras desde el hogar, gestionar facturas, etc.

Discapacidades Cognitivas-recomendación z Planificar los sistemas informáticos para que aquellas personas con dificultades de este tipo sean capaces también de utilizarlos z Para ello, las dos únicas recetas son: y La sencillez yLa evaluación con personas apropiadas

¡¡¡No solo personas con necesidades especiales!!! zMuchas de las ayudas diseñadas para usuarios con necesidades especiales pueden ser útiles para personas sin estas necesidades que se encuentran en situaciones especiales zPor ejemplo:

Sin visiónCiegos- personas con ojos ocupados (por ej. conduciendo o en navegación telefónica) - en la oscuridad Poca visiónPersonas con limitaciones visuales - personas con un visualizador pequeño - en un entorno de humos Operable sin poder oir Personas sordas- entornos ruidosos - oídos ocupados - silencio forzado (bibliotecas, etc.) Oído limitadoPersonas duras de oído - personas en entorno ruidoso Operable con manualidad limitada Personas con limitaciones - personas con vestidos especiales - o que van en un vehículo que se balancea Operable con cognitividad limitada Personas con cognitividad limitada - personas distraídas - con pánico - o bajo la influencia del alcohol Operable sin lectura Personas con problemas cognitivos - personas que no conocen el lenguaje - visitantes - personas que han olvidado las gafas de lectura No solamente para personas con necesidades especiales

Accesibilidad en la Web El poder de la Web está en su universalidad. El acceso para todos, sin tener en cuenta las discapacidades, es un aspecto fundamental Tim Berners-Lee, Director del W3C Introducción a la WAI (Web Accessibility Initiative)

Accesibilidad en la Web zRazones que justifican la importancia de la accesibilidad en la Web: yExpansión del uso de la Web a todo el espectro social yUna Web accesible significa un acceso sin precedentes a la información a personas con discapacidad yEl diseño de webs accesibles contribuye a un diseño mejor para otros usuarios xLa multimodalidad (acceso visual, auditivo y táctil) permite el uso de la Web en teléfonos móviles, web-TV y quioscos yUn diseño web especial es beneficioso en distintas situaciones: xcuando hay un bajo ancho de banda (imágenes lentas en descargar) xentornos ruidosos (dificultad de utilizar audio) xproblemas de reflejos en la pantalla (dificultad de ver la pantalla) xconducción (ojos y manos ocupadas) yExiste legislación específica en algunos países

Accesibilidad en la Web Tu usuario más importante es ciego. La mitad de las visitas a tu sitio vienen de Google, y Google sólo ve lo que un ciego puede ver. Si tu sitio no es accesible, tendrás menos visitas. Fin de la historia. Steven Pemberton, W3C z¿Aún no convencidos?

Accesibilidad en la Web zTodavía no, ¿eh? Bueno, veamos una peli…

Accesibilidad en la Web z¿Qué tal si…?

Accesibilidad en la Web WAI zEl W3C alberga la Iniciativa de Accesibilidad Web (WAI) zObjetivos de WAI: yAsegurar que las tecnologías web permiten la accesibilidad yDesarrollar guías para la accesibilidad yDesarrollar herramientas para evaluar y facilitar la accesibilidad yDifusión y educación yCoordinación entre investigación y desarrollo zProductos ofrecidos por WAI: yGuías para ayudar al programador a crear páginas web accesibles yProgramas que realizan tests de accesibilidad yNavegadores alternativos para personas con discapacidades

Accesibilidad en la Web Guías de diseño accesible zWeb Content Accessibility Guidelines (WCAG)  Principios de diseño para crear contenido web accesible zAuthoring Tool Accessibility Guidelines (ATAG)  Principios de diseño para crear herramientas de autor que disminuyan las barreras a la accesibilidad web zUser Agent Accessibility Guidelines (UAAG)  Principios de diseño para crear agentes de usuario que disminuyan las barreras a la accesibilidad web  Agente de usuario: cualquier software que recupera y muestra contenido web a usuarios (navegadores, reproductores multimedia, plug-ins y otros programas -incluyendo tecnologías asistivas- que ayudan a recuperar y mostrar contenido web)

Accesibilidad en la Web Guías de diseño accesible zWeb Content Accessibility Guidelines 1.0 ywww.w3c.org/TR/WCAG10www.w3c.org/TR/WCAG10 yContenido: xAspectos generales de diseño accesible x14 principios de diseño accesible Explicación del principio y beneficios Aplicaciones concretas (checkpoints) Técnicas de implementación y ejemplos (en HTML y CSS) Prioridad

Accesibilidad en la Web Guías de diseño accesible zWeb Content Accessibility Guidelines 1.0 – Principios 1.Proporcione alternativas equivalentes al contenido visual y auditivo 2.No se base sólo en el color 3.Utilice marcadores y hojas de estilo y hágalo apropiadamente 4.Identifique el idioma original utilizado 5.Cree tablas que se transformen correctamente 6.Asegure que las páginas que incorporan nuevas tecnologías se transformen correctamente 7.Asegure al usuario el control sobre los cambios de los contenidos 8.Asegure la accesibilidad directa de las interfaces de usuario incrustadas 9.Diseñe para la independencia del dispositivo 10.Utilice soluciones provisionales 11.Utilice las tecnologías y pautas del W3C 12.Proporcione información de contexto y orientación 13.Proporcione mecanismos claros de navegación 14.Asegure que los documentos sean claros y simples

Accesibilidad en la Web Guías de diseño accesible zWeb Content Accessibility Guidelines 1.0 – Ejemplo yPrincipio de accesibilidad: x1. Proporcione alternativas equivalentes al contenido visual y auditivo yPuntos de verificación: x1.1 Proporcione un texto equivalente para todo elemento no textual (Prioridad 1) yTécnicas: x3.2 Textos equivalentes Características, revisión de las tecnologías x4.7.1 Textos equivalentes para imágenes Búsqueda

Accesibilidad en la Web Guías de diseño accesible Diseño Accesible de Páginas Web PautaWAI/portada.htm

Accesibilidad en la Web Evaluación de la accesibilidad zTipos de herramientas disponibles: yHerramientas de validación xAnalizan páginas o sitios y generan un informe o clasificación xEjemplos: Bobby ( TAW ( HERA ( Wave ( yHerramientas de reparación xAyudan al diseñador a corregir los problemas de accesibilidad xEjemplo: A-Prompt (

Accesibilidad en la Web Evaluación de la accesibilidad zHerramienta TAW yDisponible para descarga o ejecución online en yProporciona un informe de accesibilidad de un sitio completo de acuerdo con las pautas del WCAG 1.0 yClasifica los problemas de accesibilidad según su prioridad (1, 2 y 3) y su tipo (automático o manual) yProporciona información sobre las técnicas aplicables para la resolución de los problemas yHay que interpretar el informe para ver cuáles de los problemas identificados son realmente tales

Evaluación de la accesibilidad z Listas de recomendaciones y Existen listas de recomendaciones relacionadas con la accesibilidad para los diferentes sistemas operativos z Utilizar únicamente el teclado para manejar la interfaz y Comprobar que esto es posible y que además las diferentes funciones de acceso están bien documentadas e indicadas z Comprobar si la herramienta de ampliación de pantalla del sistema operativo funciona correctamente con la aplicación zCambiar los tipos de letras estándar y comprobar si se ve correctamente la aplicación

Conclusiones z Alcanzar a la mayor cantidad de usuarios posible es una aspiración de muchos sistemas interactivos. Para lograrlo es necesario acomodarla a la mayoría de las diferencias individuales posible  Muchas de las adaptaciones requeridas para hacer las interfaces más universalmente accesibles pueden ser aprovechadas por personas sin esas discapacidades que se encuentran trabajando en condiciones inusuales tales como baja visibilidad, escribiendo con una mano, etc.

Conclusiones z Para finalizar, tres ideas sobre accesibilidad web 1.No cuesta más 2.Se puede hacer lo mismo 3.Es un derecho