30217 Interacción Persona - Ordenador Accesibilidad Prof. Dr. Pedro Latorre Prof. Dra. Eva Cerezo Prof. Dra. Sandra Baldasarri Tema Accesibilidad Tema: Accesibilidad Objetivos • Los seres humanos son diferentes entre sí. – Todas las interfaces de usuario deberían acomodarse a esas diferencias de tal modo que cualquier persona fuera capaz de utilizarlo sin problemas • El objetivo a lograr es la usabilidad universal, de tal modo que nadie se vea limitado en el uso de algo por causa de esas diferencias • Es necesario evitar diseñar solamente atendiendo a características de grupos de población específicos, imponiendo barreras innecesarias que podrían ser evitadas prestando suficiente atención a estas cuestiones Tema Accesibilidad Tema: Razones para un incremento de interés • • • La edad media de la población aumenta – Existe una relación entre edad y limitaciones funcionales La mayor parte de la población accede a sistemas interactivos Las Administraciones Públicas ofrecen servicios para todos en Internet Tema Accesibilidad Tema: Accesiblidad Discapacidades • Discapacidad – Una diferencia individual que supera un límite más o menos arbitrario • Muchas de estas discapacidades están presentes en grado diferente entre muchos sujetos considerados normales – Tener en cuenta las recomendaciones pertinentes no sólo es importante para aquellos con mayores limitaciones • Revisaremos – Las discapacidades más comunes – Las soluciones utilizadas para corregir los inconvenientes que producen al usar los interfaces actuales. Tema Accesibilidad Tema: Diseño universal Importancia • Las diferencias individuales en un grupo de aproximadamente 30 personas pueden llegar a ser de 1:20 (Egan,1988) • Aunque muchos desarrolladores estarían de acuerdo en que el mayor número de usuarios sea capaz de usar sus productos, no todos ellos se sentirían tan dispuestos a realizar los esfuerzos necesarios para lograrlo – Existe una percepción de que el volumen de la población en esa situación no es lo suficientemente importante • TODAS las personas tienen derecho a acceder a los servicios públicos vía Internet (por solidaridad... y mandato legal) Tema Accesibilidad Tema: Diseño universal Importancia • Muchas empresas de gran tamaño e instituciones contratan como parte de su política de personal a un grupo fijo de personas calificadas legalmente como discapacitados • Muchos gobiernos han incluido reglamentos y leyes que especifican requisitos que deben cumplir los productos utilizados en la administración pública y en las organizaciones que dependen de ella • Los ordenadores, y con ellos Internet, ofrecen la ocasión de romper las barreras físicas para estos individuos, abriéndoles una gran cantidad de oportunidades de relaciones sociales, opciones laborales y de todo tipo Tema Accesibilidad Tema: Definiciones Accesibilidad y diseño universal • La Accesibilidad es el conjunto de características de que debe disponer un entorno, producto o servicio para ser utilizable en condiciones de confort, seguridad e igualdad por todas las personas y, en particular, por aquellas que tienen alguna discapacidad. (I Plan Nacional de Accesibilidad 2005-12) • Diseño universal es el proceso de diseñar productos – que sean usables por el rango más amplio posible de personas, – que funcionen en el rango más amplio posible de situaciones – ... y que sean comercialmente practicables Tema Accesibilidad Tema: Diseño universal Principios (1) • • • • 1º Uso equitativo • El diseño ha de ser usable para personas con diferentes habilidades, a un precio razonable 2º Uso flexible • El diseño se ha de acomodar a un rango amplio de personas con distintos gustos y habilidades 3º Uso simple y intuitivo • El uso del diseño ha de ser fácil de entender, independientemente de la experiencia del usuario, conocimiento, habilidades del lenguaje y nivel de concentración 4º Información perceptible • El diseño comunica la información necesaria efectivamente al usuario, independientemente de las condiciones ambientales y de las habilidades sensoriales del usuario. Tema Accesibilidad Tema: Diseño universal Principios (2) • • • 5º Tolerancia para el error. – El diseño minimiza posibles incidentes por azar y las consecuencias adversas de acciones no previstas. 6º Esfuerzo físico mínimo. – El diseño se ha de poder usar eficientemente y confortablemente con un mínimo de fatiga. 7º Tamaño y espacio para poder aproximarse y usar el diseño. – El diseño ha de tener un espacio y un tamaño apropiado para la aproximación, alcance y uso del diseño. Tema Accesibilidad Tema: Tipos de discapacidades • • • • Deficiencias visuales Auditivas Movimiento Cognoscitivas Tema Accesibilidad Tema: Discapacidades visuales • Deficiencias visuales – – – – Ceguera total Visión reducida Daltonismo (ceguera del color) Epilepsia fotosensitiva • Tecnologías – – – – Lectores de pantalla Braille Audio descriptivo No utilice tablas en HTML para controlar la maquetación; utilice las etiquetas para identificar las celdas de tabla y cabeceras Tema Accesibilidad Tema: Discapacidades visuales Ceguera total • Lectores de pantalla – Narra (lee en voz alta) el texto en la pantalla • Consideraciones importantes: – HTML debe notar el cambio en el lenguaje, por ejemplo, del Inglés al Español, con el atributo "lang” – Las tablas HTML no se deben utilizar para controlar la maquetación: hacerlo hace que la narración difícil de entender – Las tablas HTML que se utilizan para mostrar el material tabular necesitan etiquetado adicional para aclarar su significado Tema Accesibilidad Tema: Discapacidades visuales Ceguera total Display Braille (con contracciones) • Display Braille actualizable Tema Accesibilidad Tema: Discapacidades visuales Ceguera total • Audio descriptivo – El audio descriptivo puede hacer que el diálogo sea más significativo para una persona ciega Diálogo sin descripción: – María: “¡Corre!” – Juan: “¿Qué?” – María: “¡Que corras!” – Juan: “¡Ayayayay!” Tema Accesibilidad Tema: Diálogo con audio descriptivo insertado: • Audio Descriptivo: Un gran oso entra en el camping. María lo ve. – María: “¡Corre!” – Juan: “¿Qué?” – María: “¡Que corras!” – Audio Descriptivo: Juan se vuelve y ve el oso. – Juan: “¡Ayayayay!” Discapacidades visuales Ceguera total • Conclusión: No utilice tablas en HTML para controlar la maquetación; utilice las etiquetas para identificar las celdas de tabla y cabeceras – Observa “Skip Navigation” en la versión izquierda y su corrección (derecha) Tema Accesibilidad Tema: Discapacidades visuales Visión reducida – Ampliadores de pantalla Tema Accesibilidad Tema: Discapacidades visuales Ceguera total o visión reducida • El teclado es el elemento de introducción de datos y navegación más importante para un usuario invidente -> se sustituye por los elementos citados, en su caso. • Los instrumentos apuntadores resultan de poca o nula utilidad – Es necesario asegurarse que todos los elementos del interfaz pueden ser accedidos mediante el teclado o su elemento sustitutivo – utilizando las convenciones apropiadas en función del sistema operativo y/o display utilizado en cada caso. Tema Accesibilidad Tema: Discapacidades visuales Daltonismo (ceguera del color) • Los defectos en visualización del color provienen de una deficiencia en alguno de los tres tipos de conos • Afecta al 8% de la población masculina • El más común es la deuteranopía (confusión rojo-verde) Todos Tema Accesibilidad Tema: Sin azul Sin rojo Sin verde Discapacidades visuales Daltonismo (ceguera del color) El más común es la deuteranopía (confusión rojo-verde) vischeck.com Tema Accesibilidad Tema: Discapacidades visuales Daltonismo (ceguera del color) ¿Cómo afecta el daltonismo a la visión de los semáforos? Se aprende la posición: ¿rojo arriba siempre? Se aprende la posición: ¿rojo a la izquierda siempre? vischeck.com Tema Accesibilidad Tema: Discapacidades visuales Daltonismo (ceguera del color) Texto y fondo vischeck.com Tema Accesibilidad Tema: Discapacidades visuales Daltonismo (ceguera del color) Adelante Ayuda Salir Conclusión: No codificar ninguna decisión importante únicamente mediante colores Tema Accesibilidad Tema: Discapacidades visuales Epilepsia fotosensitiva • Se habla también de fotoconvulsiones • No todo el mundo está afectado, pero es un problema grave para aquellos que son susceptibles • Puede ser desencadenada por las luces parpadeantes en el rango de 4 a 59 veces por segundo • Peor en el rango de 20 destellos por segundo • Conclusión: Nunca use texto parpadeante • Al menos molesto para todo el mundo • Muchas personas se desconectan completamente del contenido • Un peligro serio para la salud para algunas personas Tema Accesibilidad Tema: Discapacidades auditivas • La sordera puede ser causada por razones fisiológicas, neuronales, etc. y también por la exposición prolongada a ambientes ruidosos • El oído a menudo se degrada con la edad • Es necesario tener cuidado, puesto que los usuarios con discapacidades auditivas pueden no advertir el riesgo asociado a una situación dada Deficiencias • Sordera completa • Personas con problemas de audición Tecnologías • Subtítulos • Lenguaje de signos • Audífonos y auriculares Tema Accesibilidad Tema: Discapacidades auditivas Tecnologías • Subtítulos Tema Accesibilidad Tema: Discapacidades auditivas Tecnologías • La sordera total implica imposibilidad de aprendizaje del habla -> sordomudos • Hay personas que utilizan el lenguaje de signos desde su nacimiento y/o aprenden a hablar parcialmente • La lengua de signos española, LSE, es la lengua gestual que utilizan principalmente los sordos españoles y personas que viven o se relacionan con ellos. • Se calcula que cuenta con más de 100.000 usuarios signantes • Estas personas a menudo tienen una reducción importante en el número de palabras que conocen y utilizan • En este caso, es necesario prestar atención especial al vocabulario utilizado Tema Accesibilidad Tema: Discapacidades auditivas Tecnologías Lenguaje de signos: Traducción a LSE vía avatares Intérprete virtual de español a LSE Tema Accesibilidad Tema: Discapacidades auditivas Tecnologías • Auriculares -> Amplifican el sonido • Audífonos -> Auriculares miniaturizados. Además, pueden – acoplarse con el teléfono u ordenador vía bobina inductiva o Bluetooth – ser programados para adaptarse al entorno (habitaciones pequeñas, al aire libre,…) – ser programados para amplificar de forma selectiva determinadas frecuencias (personalizados para el audiograma de cada usuario) • Audífonos implantados en el oído medio Tema Accesibilidad Tema: Discapacidades Limitaciones en el movimiento • Es conveniente proporcionar a las aplicaciones un interfaz basado en teclado lo más completo 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. • Además, si se utiliza un sistema de introducción vocal de la información, estos programas pueden utilizar las etiquetas asociadas a cada elemento del interfaz (botones, cuadros de diálogo, etc.) para este propósito. • Por ejemplo, un sujeto puede pronunciar la palabra OK para seleccionar un botón de aceptación. Tema Accesibilidad Tema: Discapacidades Limitaciones en el movimiento • Pueden presentarse problemas para realizar ciertas tareas físicas – mover un puntero – pulsar dos teclas a la vez – mantener apretada una tecla • En el caso más extremo estos sujetos pueden no ser capaces de utilizar un teclado o un ratón • Pueden preferir utilizar un sistema alternativo de introducción de datos – basado en voz – basado en movimientos de otras partes del cuerpo • la cabeza • la boca • una pierna Tema Accesibilidad Tema: Discapacidades Cognoscitivas • Hasta ahora el uso de ordenadores ha estado reducido a los sujetos con más capacidad intelectual • Esta situación está variando rápidamente • Un factor de gran importancia es el progresivo envejecimiento de la población y el aumento de enfermedades degenerativas relacionadas con ella. • Estas personas pueden encontrarse con grandes limitaciones a la hora de – – – – Acceder a los servicios e información de organismos públicos Realizar compras desde el hogar Gestionar asuntos bancarios .... Tema Accesibilidad Tema: ¡No solamente personas con necesidades especiales! Sin visión - ciegos -personas con ojos ocupados -(e.g., conduciendo o en navegación telefónica) - en oscuridad. Poca visión - personas con limitacions visuales -personas con un visualizador pequeño --en un entorno de humos Operable sin poder oir - personas sordas - entornos ruidosos - oidos ocupador - silencio forzado (bibliotecas,etc..) Oido limitado - people duras de oido - gente en entorno ruidoso Operable con manualidad limitada - personas con limitaciones - personas con vestidos especiales - o que van en un vehiculo que se balancea Operable con cognitividad limitada - Personas con cognitividad limitada - personas distraidas - con pánico - o bajo la influencia del alcohol Operable sin lectura - personas con problemas cognitivos - Personas que no conocen ese lenguaje, - visitantes, - personas que se han dejado las gafas de lectura Tema Accesibilidad Tema: Comprobación de la accesibilidad • Listas de recomendaciones – Existen listas de recomendaciones relacionadas con la accesibilidad para los diferentes sistemas operativos. – Para la web, la iniciativa de Accesibilidad en la Web (WAI) de W3C Ejemplo de recomendaciones • Utilice únicamente el teclado para manejar el interfaz • Compruebe si las herramientas básicas de ampliación de la pantalla disponibles en sistemas operativos funcionan correctamente con tu aplicación Tema Accesibilidad Tema: Comprobación de la accesibilidad Iniciativa de Accesibilidad en la Web (WAI) de W3C La Iniciativa de Accesibilidad en la Web (WAI) de W3C, en asociación con organizaciones de todo el mundo, está promoviendo la accesibilidad de la Web a través de cinco actividades complementarias: Asegurar que las tecnologías fundamentales de la Web soporten la accesibilidad. Desarrollar pautas para la autoría de páginas, aplicaciones de usuario y herramientas de autor. Desarrollar herramientas de evaluación y reforma para la accesibilidad. Dirigir la formación y asistencia técnica. Seguir la pista a la investigación y desarrollo que pueda afectar a la accesibilidad futura de la Web. Vigentes las normas WCAG-2.0 (http://www.w3.org/TR/WCAG20/) Previamente (se siguen utilizando) WCAG-1.0 Tema Accesibilidad Tema: Comprobación de la accesibilidad Iniciativa de Accesibilidad en la Web (WAI) de W3C- Prioridades Cada punto de verificación tiene un nivel de prioridad asignado según su impacto en la accesibilidad. Algunos puntos de verificación tienen especificado un nivel de prioridad que puede variar bajo ciertas condiciones (que se indican). Prioridad 1 - Obligatorio Una página Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Prioridad 2 - Recomendable Una página Web debe satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfacer este punto de verificación eliminará importantes barreras de acceso a los documentos Web. Prioridad 3 - Aconsejable Una página Web puede satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán alguna dificultad para acceder a la información del documento. Satisfacer este punto de verificación mejorará la accesibilidad de los documentos Web. Tema Accesibilidad Tema: Comprobación de la accesibilidad Iniciativa de Accesibilidad en la Web (WAI) de W3C- Adecuación WAI-1 define tres niveles de adecuación de la website analizada: • Adecuación de nivel A (A): Se satisfacen todos los puntos de verificación de prioridad 1. • Adecuación de nivel Doble A (AA): se satisfacen todos los puntos de verificación de prioridad 1 y 2. • Adecuación de nivel Triple A (AAA): se satisfacen todos los puntos de verificación de prioridad 1, 2 y 3. La afirmación de adecuación a este documento debe usarse de una de las dos formas siguientes: Forma 1: Ejemplo : "Esta página se adapta a las "Pautas de Contenido Accesible en Web 2.0" del W3C, disponible en http://www.w3.org/TR/WCAG20/#conformance". Forma 2: Incluir, en cada página que afirme su conformidad, uno de los tres iconos proporcionados por W3C, y enlazarlo con la explicación sobre la adecuación proporcionada por W3C. Tema Accesibilidad Tema: Comprobación de la accesibilidad Iniciativa de Accesibilidad en la Web (WAI) de W3C- Ejemplos Ejemplos: Pauta 1 - Proporcione alternativas equivalentes para el contenido visual y auditivo Puntos de verificación: 1.1 Alternativas al texto: Se deben proporcionar alternativas textuales para cualquier contenido no textual, de modo que pueda cambiarse por otras formas requeridas, tales como letra grande, braille, voz, símbolos o un lenguaje más sencillo. Esto incluye: imágenes, representaciones gráficas del texto, mapas de imagen, animaciones (por ejemplo, GIFs animados), "applets" y objetos programados, "ascii art", marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráficos, sonidos (ejecutados con o sin interacción del usuario), archivos exclusivamente auditivos, banda sonora del vídeo y vídeos. [Prioridad 1] Por ejemplo, en HTML: Utilice "alt" para los elementos IMG, INPUT y APPLET o proporcione texto equivalente en el contenido de los elementos OBJECT Y APPLET. Tema Accesibilidad Tema: Comprobación de la accesibilidad - WAI WCAG 2.0 Resumen – guía para crear sitios web accesibles Las normas WAI WCAG 2.0 pueden consultarse en español, por ejemplo, en http://www.once.es/new/servicios-especializados-en-discapacidadvisual/accesibilidad/accesibilidad-eninternet/documentos/AccesibilidadWeb2013.pdf Tema Accesibilidad Tema: Accesibilidad para móviles • Cada vez más gente hace uso de pantallas táctiles y dispositivos móviles. La mayoría de ellos están diseñado para ser usados por personas con discapacidad, ya sea con el uso o no de tecnologías asistivas. • Es necesario que los desarrolladores de apps e interfaces móviles sean conscientes de las necesidades de sus diferentes usuarios y tengan conocimientos de accesibilidad • Las directrices internacionales de accesibilidad, WCAG 2.0, no plantean principios específicos para interfaces móviles. Tema Accesibilidad Tema: Accesibilidad para móviles • Van surgiendo directrices para el desarrollo de contenidos para dispositivos móviles que se basan en las directrices generales WCAG, en las Best Practices del MWI (Mobile Web Initiative del W3C) y en estudios de accesibilidad. • Ejemplos: – Accesibilidad en contenido web para móviles del Centro de Referencia en Accesibilidad y Estándares Web español – Guidelines for the development of accessible mobile interfaces (parcialmente reproducida a continuación) Tema Accesibilidad Tema: Accesibilidad para móviles Elección de la solución 4. Crea aplicaciones con funcionalidades claras a las que el usuario pueda necesitar acceder frecuentemente. Diseño 8. Etiqueta los elementos gráficos, iconos y botones con su razón o función. 9. Cada objeto ha de tener una leyenda o descripción, 11. Ayuda al usuario a introducir datos adaptando el teclado virtual a lo que necesita ser introducido. 12. Minimiza el uso de scripts en la página cliente. 13. Lleva a cabo siempre tests para probar tu solución. Tema Accesibilidad Tema: Accesibilidad para móviles Disposición y diseño de elementos 14. Posiciona las cosas importantes más arriba y las menos importantes más abajo (para ver mediante desplazamiento). 15. Agrupa los elementos que están relacionados. 16. Esfuérzate en crear un diseño limpio y en minimizar el número de objetos innecesarios. 18. Crea grandes áreas pinchables. 19. No pongas botones de uso frecuente en los extremos derecho o izquierdo a no ser que ocupen al menos una tercera parte de la pantalla. 20. No alinees los botones, funciones o grupos de funciones /botones a la derecha a no ser que el grupo se extienda sobre al menos el 75% de la pantalla. Tema Accesibilidad Tema: Accesibilidad para móviles Disposición y diseño de elementos 21. Orienta botones y enlaces el hileras (horizontales y verticales) . 22. Las leyendas de los campos de entrada deben estar posicionadas prioritariamente sobre el campo 23. La longitud de las líneas ha de adaptarse a la anchura de la pantalla pero nunca debe exceder los 70 caracteres por línea, incluidos espacios. 24. Limita la cantidad de información y el número de objetos a visualizar. 25. Usa iconos conocidos. 26. Diseña objetos pinchables que parezcan pinchables. 27. Usa alto contraste. 28. Tiene que ser posible usar la interfaz tanto en formato retrato como panorama. Tema Accesibilidad Tema: Accesibilidad para móviles Interacción 29. Usa una navegación simple. 30. Si desarrollas una aplicación para un sistema operativo o dispositivo móvil que tenga botones de control (por ejemplo teclas de flecha o botón de OK) debe ser posible usarlas para navegar la interfaz. 31. Si desarrollas un interfaz para ser usada en dispositivos en los que puedes conectar un teclado, la interfaz debería en lo posible ser controlable mediante teclado. 32. Inserta atajos para que el usuario pueda saltar entre partes en páginas de contenido largo. 33. Minimiza la entrada de texto. 34. Si la interfaz permite el control mediante gestos, éste debe ser implementado. Tema Accesibilidad Tema: Accesibilidad para móviles Interacción 35. No insertes funciones que puedan ser solo controladas mediante gestos, añade siempre un botón o enlace. 36. Haz que sea posible controlar la interfaz con solo un dedo. 37. Sé consistente 38. Usa los objetos para los que están pensados y para lo que el usuario piensa que sirven. 39. Dale retroalimentación al usuario. 40. Dale al usuario información clara del estado. 41. Dale al usuario suficiente tiempo y avísale antes de que el tiempo de expiración se complete. 42. Ayuda al usuario a evitar errores y a corregirlos. Tema Accesibilidad Tema: Accesibilidad para móviles Contenido 43. Usa imágenes sólo si realmente ayudan al usuario. 44. Usa cabeceras cortas y descriptivas para estructurar la información. 45. Evita las abreviaturas Ajustes de usuario 46. Asegúrate de que es posible hacer zoom de la interfaz. 47. Considera proveer de un ajuste para invertir los colores. 48. Considera proveer de un ajuste para cambiar la fuente Tema Accesibilidad Tema: Comprobación de la accesibilidad (web) Herramientas automáticas • Existen utilidades de comprobación de la accesibilidad de páginas o aplicaciones web. Ejemplo: Deshabilitado Bobby http://bobby.watchfire.com http://www306.ibm.com/software/awdtools/tester/policy/accessibility/index.html Taw http://www.tawdis.net W3C https://validator-suite.w3.org/ • Su funcionalidad es limitada y la comprobación debe completarse con una inspección por expertos y una encuesta a un grupo representativo de usuarios Tema Accesibilidad Tema: Legislación LEY 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio electrónico. http://www.setsi.mcyt.es/legisla/internet/ley34_02 • Disposición adicional quinta. Accesibilidad para las personas con discapacidad y de edad avanzada a la información proporcionada por medios electrónicos. • Uno. Las Administraciones públicas adoptarán las medidas necesarias para que la información disponible en sus respectivas páginas de Internet pueda ser accesible a personas con discapacidad y de edad avanzada, de acuerdo con los criterios de accesibilidad al contenido generalmente reconocidos, antes del 31 de diciembre de 2005. • Asimismo, podrán exigir que las páginas de Internet cuyo diseño o mantenimiento financien apliquen los criterios de accesibilidad antes mencionados. • Dos. Igualmente, se promoverá la adopción de normas de accesibilidad por los prestadores de servicios y los fabricantes de equipos y «software», para facilitar el acceso de las personas con discapacidad o de edad avanzada a los contenidos digitales. Para contenidos en web, en vigor UNE 139803 y UNE 139802 Tema Accesibilidad Tema: Legislación I Plan Nacional de Accesibilidad 2004-2012 (Aprobado por el Consejo de Ministros el día 5 de Julio de 2003) http://accesibilidad.artmedialabs.com/ Tema Accesibilidad Tema: Conclusiones • Lograr alcanzar a la mayor cantidad de usuarios posible es una exigencia para muchos sistemas interactivos • Para lograrlo es necesario acomodar los sistemas a la mayoría de las diferencias individuales posibles (diseño universal) • Muchas de las adaptaciones requeridas para hacer las interfaces más universalmente accesibles pueden ser aprovechadas por personas que trabajan en condiciones inusuales • Estas adaptaciones deben hacerse por deber solidario • Estas adaptaciones pueden ser exigidas por ley Tema Accesibilidad Tema: