Accesibilidad Web
             centrada en el usuario




Unión de Profesionales de la Comunicación de Canarias
          ...
Accesibilidad Web



          Pensando...
‣ Internet se considera el invento más
  revolucionario para la comunicación de...
Accesibilidad Web



    ¿Qué hace falta?
1) Compromiso y responsabilidad

 ‣ Conciencia
 ‣ Implicación de la dirección
 ‣...
Accesibilidad Web > ¿Qué?



Definiciones
Accesibilidad Web > ¿Qué?



  Accesibilidad Web
‣ Es hablar de un acceso universal a la Web.

‣ Es independiente del tipo...
Accesibilidad Web > ¿Qué?



    Diseño Universal
“El poder de la Web radica en su
universalidad. […] El acceso de todos,
...
Accesibilidad Web > ¿Qué?


         Accesibilidad Web
         ¿centrada en el usuario?

‣ El usuario es el centro del pr...
Accesibilidad Web > ¿Qué?



Accesibilidad y usabilidad
‣ Accesibilidad Web: acceso fácil a la Web
  por cualquier usuario...
Accesibilidad Web > ¿Qué?



Accesibilidad y usabilidad
             Para pensar...

‣ ¿Una Web usable siempre es accesibl...
Accesibilidad Web > ¿Por qué?



 Motivos
Accesibilidad Web > ¿Por qué?


    Argumento social
‣ La Web está cada vez más establecida en todas las áreas de la
   so...
Accesibilidad Web > ¿Por qué?



Argumento económico
‣ Mejora nuestra imagen pública; se trata de una magnífica
   publici...
Accesibilidad Web > ¿Por qué?



Argumento tecnológico
‣ Se reduce el mantenimiento (tiempo y dinero) de los
  sitios Web....
Accesibilidad Web > ¿Por qué?



     Argumento legal
‣ Internacionalmente existen muchos países con leyes que
   regulan ...
Accesibilidad Web > ¿Por qué?



    Argumentos
Vídeo: ¿Por qué ser accesible?
Accesibilidad Web > Pautas y legislación



Las reglas del juego
Accesibilidad Web > Pautas y legislación




‣ W3C: World Wide Web Consortium

‣ Organismo neutral, sin ánimo de lucro, qu...
Accesibilidad Web > Pautas y legislación




‣ WAI: Web Accessibility Initiative

‣ Grupo de trabajo sobre accesibilidad d...
Accesibilidad Web > Pautas y legislación
Accesibilidad Web > Pautas y legislación



                WCAG 1.0
‣ Las Pautas de Accesibilidad al Contenido Web descri...
Accesibilidad Web > Pautas y legislación



              WCAG 2.0
‣ Desarrollada para aplicar diferentes tecnologías Web,...
Accesibilidad Web > Pautas y legislación


Legislación internacional
‣ EE.UU.

‣ Australia y Nueva Zelanda

‣ Canadá

‣ Ch...
Accesibilidad Web > Pautas y legislación


  Legislación en España
En España existe una legislación específica sobre
acces...
Accesibilidad Web > Pautas y legislación

     ¿Cumplir las pautas garantiza la
             accesibilidad?
              ...
Accesibilidad Web > ¿Quiénes?



Los usuarios
Accesibilidad Web > ¿Quiénes?



Discapacitados en España
                        Personas con discapacidad               ...
Accesibilidad Web > ¿Quiénes?


     Mayores en España
            Mayores de 60 años                Resto


             ...
Accesibilidad Web > ¿Quiénes?

Usuarios con problemas en la Web
            en España
                    Personas con pro...
Accesibilidad Web > ¿Quiénes?



Discapacidades visuales
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



                    Ceguera
‣ Algunos no poseen visión alguna.
...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



                      Ceguera
            Pruébalo: no usar el ...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



                   Ceguera
      Pruébalo: lectores de pantalla...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



                    Ceguera
  Limitaciones de los lectores de p...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



                   Ceguera
Vídeo: experiencia de una persona ci...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


Conceptos clave de la ceguera (1)
‣ No utilice técnicas (scripts...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


Conceptos clave de la ceguera (2)
‣ No use marcos a menos de que...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


Conceptos clave de la ceguera (3)
‣ No dependa sólo del color pa...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


               Baja visión
‣ Persona con un impedimento en el
  ...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



                 Baja visión
                         Pruébalo
...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



                   Baja visión
         Pruébalo: aumenta tu pa...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


     Alto contraste
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


     Alto contraste
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



            Alto contraste
    Pruébalo: contrastando los color...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



             Alto contraste
Pruébalo: algoritmo de contraste de...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


Conceptos clave de la baja visión (1)

 ‣ Compruebe que los text...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


Conceptos clave de la baja visión (2)
 ‣ Para reducir el aumento...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


 Ceguera al color
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


       Ceguera al color
‣ La visión sin alteraciones es tricromá...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


          Ceguera al color
Protanopía (rojo): los rojos parecen ...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


          Ceguera al color
Deuteranopía (verde): los rojos parec...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


          Ceguera al color
Tritanopía (azul): azules y verdes se...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


           Ceguera al color
Monocromacía (todos): no hay color; ...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


 Ceguera al color
                  Pruébalo
    ¿De qué color s...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


 Ceguera al color
                  Pruébalo
    ¿De qué color s...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


 Ceguera al color
                  Pruébalo

        ¿Hay un ca...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


 Ceguera al color
                  Pruébalo

        ¿Hay un ca...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


    Ceguera al color
                     Pruébalo
El color no s...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


          Ceguera al color
                          Pruébalo

L...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


          Ceguera al color
                            Pruébalo
...
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



        Ceguera al color
                 Pruébalo: Vischeck

‣...
Accesibilidad Web > ¿Quiénes?



Discapacidades motoras
Accesibilidad Web > ¿Quiénes?


Discapacidades motoras
‣ Existen diversos tipos de
   discapacidad física que
   afectan a...
Accesibilidad Web > ¿Quiénes? > Discapacidades motoras



                Tetraplejia
Vídeo: experiencia de una persona co...
Accesibilidad Web > ¿Quiénes? > Discapacidades motoras


       Usando el teclado
                        Pruébalo
‣ Uso d...
Accesibilidad Web > ¿Quiénes? > Discapacidades motoras

 Conceptos clave de la discapacidad
              motora
‣ Asegúre...
Accesibilidad Web > ¿Quiénes?



Discapacidades auditivas
Accesibilidad Web > ¿Quiénes?



 Discapacidades auditivas
‣ Problema en los oídos o en
   una o más partes que
   facilit...
Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas


Multimedia: más accesibilidad
                      Para pensar...
Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas



                    Sordera
Vídeo: experiencia de una persona ...
Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas



               Sordoceguera
‣ Discapacidad multisensorial que ...
Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas



       Lengua de signos
                    Para pensar...

‣ ...
Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas



            Lectura labial
                    Para pensar...
...
Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas



Subtítulos y transcripciones
                      Para pensar...
Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas



       Vídeos en la Red
                       Pruébalo

‣ Pru...
Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas

Conceptos clave en la discapacidad
             auditiva
‣ Ofrez...
Accesibilidad Web > ¿Quiénes?



Discapacidades cognitivas
Accesibilidad Web > ¿Quiénes?



Discapacidades cognitivas
Podemos clasificarlas por:

‣ Clínica. Perspectiva médica. Útil...
Accesibilidad Web > ¿Quiénes?



Discapacidades cognitivas
Los principales tipos de discapacidades cognitivas
funcionales ...
Accesibilidad Web > ¿Quiénes?



                   Memoria
Capacidad del usuario para recordar lo aprendido.

Consejos de...
Accesibilidad Web > ¿Quiénes?



 Resolución de problemas
Dificultad para resolver las cuestiones que se plantean.

Consej...
Accesibilidad Web > ¿Quiénes?



   Problemas de atención
Dificultad para centrar la atención en la tarea que se
realiza.
...
Accesibilidad Web > ¿Quiénes?


  Comprensión lectora y lingüística

Problemas para comprender los textos y el habla.

Con...
Accesibilidad Web > ¿Quiénes?


  Comprensión lectora y lingüística
                      Pruébalo

Sgeún un etsduio de la...
Accesibilidad Web > ¿Quiénes?


  Comprensión lectora y lingüística
                       Pruébalo




‣ Este sitio Web o...
Accesibilidad Web > ¿Quiénes?



       Comprensión visual
Problemas para comprender la información visual.

Consejos de d...
Accesibilidad Web > ¿Quiénes?



      Ataques convulsivos
‣ Algunas personas son susceptibles de tener ataques
  causados...
Accesibilidad Web > ¿Quiénes?



Inaccesibilidad tecnológica
Accesibilidad Web > ¿Cómo?



Ayudas técnicas
Accesibilidad Web > ¿Cómo?



Eye tracking
Accesibilidad Web > ¿Cómo?



Soplando
Accesibilidad Web > ¿Cómo?



Varilla bucal
Accesibilidad Web > ¿Cómo?



Varilla de cabeza
Accesibilidad Web > ¿Cómo?



Adaptador de ratón
Accesibilidad Web > ¿Cómo?



Teclados adaptados
Accesibilidad Web > ¿Cómo?



Teclados adaptados
Accesibilidad Web > ¿Cómo?



Teclados adaptados
Upcoming SlideShare
Loading in...5
×

Presenta Accesibilidad Centrada en los Usuarios - 2009

1,361

Published on

Curso de periodismo digital para profesionales.

Experiencia del usuario:
Módulo I. Accesibilidad web

Las Palmas de Gran Canaria, 17 de octubre de 2009

Unión de Profesionales de la Comunicación de Canarias

Published in: Design

Presenta Accesibilidad Centrada en los Usuarios - 2009

  1. 1. Accesibilidad Web centrada en el usuario Unión de Profesionales de la Comunicación de Canarias Las Palmas de Gran Canaria, 17 de octubre de 2009 R.2.1.171009
  2. 2. Accesibilidad Web Pensando... ‣ Internet se considera el invento más revolucionario para la comunicación desde la invención de la imprenta (Gutenberg, 1450) ‣ La Web ofrece oportunidades sin precedentes. ‣ Falta de potencial de la Web.
  3. 3. Accesibilidad Web ¿Qué hace falta? 1) Compromiso y responsabilidad ‣ Conciencia ‣ Implicación de la dirección ‣ Políticas y procedimientos 2) Formación y soporte técnico
  4. 4. Accesibilidad Web > ¿Qué? Definiciones
  5. 5. Accesibilidad Web > ¿Qué? Accesibilidad Web ‣ Es hablar de un acceso universal a la Web. ‣ Es independiente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidad. Fuente: W3C
  6. 6. Accesibilidad Web > ¿Qué? Diseño Universal “El poder de la Web radica en su universalidad. […] El acceso de todos, independientemente de su discapacidad es esencial” Tim Berners-Lee, inventor del WWW. http://www.w3.org/People/Berners-Lee/
  7. 7. Accesibilidad Web > ¿Qué? Accesibilidad Web ¿centrada en el usuario? ‣ El usuario es el centro del proceso ‣ Las pautas y pruebas no son el objetivo ‣ Conocer por qué, para qué y para quién ‣ Es una parte de la experiencia de uso ‣ Buscar soluciones equilibradas y reales ‣ “Lo perfecto es el enemigo de lo bueno”
  8. 8. Accesibilidad Web > ¿Qué? Accesibilidad y usabilidad ‣ Accesibilidad Web: acceso fácil a la Web por cualquier usuario, independientemente de sus discapacidades sensoriales, físicas o técnicas ‣ Usabilidad Web: cualidad de los objetos o sistemas interactivos que se pueden usar con comodidad y satisfacción
  9. 9. Accesibilidad Web > ¿Qué? Accesibilidad y usabilidad Para pensar... ‣ ¿Una Web usable siempre es accesible? ‣ ¿Una Web accesible es más usable? ‣ ¿Una Web no usable puede ser accesible? ‣ ¿Una Web no accesible puede ser usable?
  10. 10. Accesibilidad Web > ¿Por qué? Motivos
  11. 11. Accesibilidad Web > ¿Por qué? Argumento social ‣ La Web está cada vez más establecida en todas las áreas de la sociedad. ‣ Demuestra el compromiso social de nuestra organización con todos nuestros usuarios, especialmente con aquellos con ciertas discapacidades. ‣ La accesibilidad siempre aporta beneficios para todos; mejorará la facilidad de uso de sus páginas y, por tanto, la satisfacción de sus usuarios. ‣ Mejora nuestra imagen pública. ‣ Contribuye al acceso universal (independiente de la capacidad, recursos, dispositivos de acceso…). ‣ Millones de personas padecen algún tipo de discapacidad. Es pensar en todos.
  12. 12. Accesibilidad Web > ¿Por qué? Argumento económico ‣ Mejora nuestra imagen pública; se trata de una magnífica publicidad para su negocio. ‣ El sector de la población que se ve afectado es amplio; es simplemente una cuestión de buen sentido comercial, ya que incrementa el número potencial de sus clientes. ‣ Siendo accesible ocupará una posición de liderazgo en su sector particular de negocio. ‣ Podrá hacerse con una fiel cartera de usuarios satisfechos y se posicionará mejor frente a sus competidores. ‣ El coste de reconversión es superior a la construcción de un sitio que ha tenido en cuenta la accesibilidad desde su creación.
  13. 13. Accesibilidad Web > ¿Por qué? Argumento tecnológico ‣ Se reduce el mantenimiento (tiempo y dinero) de los sitios Web. ‣ Mejoramos la presencia en los buscadores. ‣ Los sitios accesibles mejoran la velocidad de acceso y la usabilidad general de las páginas, por tanto, la satisfacción de nuestros usuarios. ‣ Es hacer lo correcto, siguiendo los estándares y pensando en el futuro (compatibilidad con nuevos dispositivos, nuevas formas de presentación...)
  14. 14. Accesibilidad Web > ¿Por qué? Argumento legal ‣ Internacionalmente existen muchos países con leyes que regulan la accesibilidad. ‣ En España también existe una legislación específica sobre accesibilidad. ‣ Algunos organismos e instituciones pueden ser denunciados y sancionados por no cumplir la Ley (JJ.OO. Sidney, Target.com, Universidad Autónoma de Madrid, Metro de Madrid...) ‣ Existen iniciativas para hacer extensible, a medio plazo, las leyes a otros sectores (banca online, comercio electrónico, etc.) ‣ Que no nos afecten ciertas leyes hoy no garantiza que no se nos puedan aplicar en el futuro. Es mejor estar preparados.
  15. 15. Accesibilidad Web > ¿Por qué? Argumentos Vídeo: ¿Por qué ser accesible?
  16. 16. Accesibilidad Web > Pautas y legislación Las reglas del juego
  17. 17. Accesibilidad Web > Pautas y legislación ‣ W3C: World Wide Web Consortium ‣ Organismo neutral, sin ánimo de lucro, que promueve la evolución e interoperabilidad de la Web. ‣ Dicta los estándares, pautas y recomendaciones en la Red contando con el consenso de la industria y la academia. ‣ En la Web: http://www.w3.org/
  18. 18. Accesibilidad Web > Pautas y legislación ‣ WAI: Web Accessibility Initiative ‣ Grupo de trabajo sobre accesibilidad del W3C. ‣ Fundado en 1997 ‣ Entre sus múltiples actividades, son los encargados de publicar las Pautas de Accesibilidad al Contenido Web (WCAG). ‣ En la Web: http://www.w3.org/WAI/
  19. 19. Accesibilidad Web > Pautas y legislación
  20. 20. Accesibilidad Web > Pautas y legislación WCAG 1.0 ‣ Las Pautas de Accesibilidad al Contenido Web describen cómo hacer páginas Web accesibles sin sacrificar el diseño. ‣ Ofrecen la flexibilidad necesaria para que la información sea viable bajo diferentes situaciones. ‣ Proporcionan métodos que permiten su transformación en páginas útiles e inteligibles. ‣ WCAG 1.0 fue aprobada en mayo de 1999 y ha sido ampliamente utilizada como referencia en la accesibilidad Web. ‣ Consta de 65 puntos, agrupados en 14 recomendaciones y tres niveles de prioridad (A, AA y AAA).
  21. 21. Accesibilidad Web > Pautas y legislación WCAG 2.0 ‣ Desarrollada para aplicar diferentes tecnologías Web, no sólo HTML como la versión anterior. ‣ Finalizada en diciembre de 2008, casi diez años después de las WCAG 1.0 ‣ Es más sencilla de usar y comprender y permite una evaluación precisa de la accesibilidad. ‣ Basada en cuatro principios de accesibilidad: Perceptible, operable, comprensible y robusto. ‣ Consta de 60 criterios de éxito, agrupados en 12 directrices y tres niveles de prioridad (A, AA y AAA). ‣ En la Web: http://www.w3.org/TR/WCAG20/
  22. 22. Accesibilidad Web > Pautas y legislación Legislación internacional ‣ EE.UU. ‣ Australia y Nueva Zelanda ‣ Canadá ‣ China ‣ Japón ‣ Europa (Francia, Alemania, Irlanda, Italia, Portugal, Suiza, Reino Unido... y propuesta conjunta para países miembros)
  23. 23. Accesibilidad Web > Pautas y legislación Legislación en España En España existe una legislación específica sobre accesibilidad que afecta a determinados organismos e instituciones: ‣ UNE 139803:2004, “Aplicaciones informáticas para personas con discapacidad. Requisitos de accesibilidad para contenidos en la Web” ‣ Es la base de la certificación en Accesibilidad Web en España ‣ En la web: http://www.inteco.es/Accesibilidad/ Normativa_1/Descarga/DescargaUNE_139803
  24. 24. Accesibilidad Web > Pautas y legislación ¿Cumplir las pautas garantiza la accesibilidad? Para pensar... ‣ No. ‣ La accesibilidad es una parte de la experiencia del usuario y no un mero método de validación de documentos. ‣ La accesibilidad Web no consiste simplemente en pasar las distintas pruebas. ‣ Es posible cumplirlas todas y que nuestra Web siga siendo inaccesible ‣ Las pruebas no son la meta (“Medallitis”).
  25. 25. Accesibilidad Web > ¿Quiénes? Los usuarios
  26. 26. Accesibilidad Web > ¿Quiénes? Discapacitados en España Personas con discapacidad Resto 8% 92% Ese 8% equivalía a 3.847.900 personas en 2008 Fuente: INE; Encuesta de Discapacidad, Autonomía personal y situaciones de Dependencia, 2008.
  27. 27. Accesibilidad Web > ¿Quiénes? Mayores en España Mayores de 60 años Resto 16% 84% Sólo el intervalo de personas de 60-65 años supera a la población censada en Canarias en 2008. El de 65-75 años también. Fuente: INE; Padrón, 2008.
  28. 28. Accesibilidad Web > ¿Quiénes? Usuarios con problemas en la Web en España Personas con problemas potenciales en la Web Resto 24% 76% Casi un cuarto de la población puede tener problemas al acceder a su página. ¿Quiere perder a más de 11 millones de usuarios potenciales? Fuente: INE; Padrón, 2008. Cálculo aritmético de personas discapacitadas y con edad avanzada.
  29. 29. Accesibilidad Web > ¿Quiénes? Discapacidades visuales
  30. 30. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera ‣ Algunos no poseen visión alguna. ‣ La falta total de visión es el extremo final en la escala de una condición a la que llamamos ceguera. ‣ La ceguera implica una pérdida substancial e incorregible de visión en ambos ojos. ‣ Ceguera legal: en España, se considera ceguera si el índice de agudeza visual es de 0,1 (1/10 en la Escala de Wecker) o el campo de visión es inferior a 10 grados (condición para ser afiliado a la ONCE y disfrutar sus servicios)
  31. 31. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera Pruébalo: no usar el ratón ‣ Intente acceder a una determinada página sin utilizar el ratón. ‣ Conozca los atajos de teclado básicos para navegar por la Web. ‣ ¿Qué haría efectiva la navegación Web si no pudieran ver?
  32. 32. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera Pruébalo: lectores de pantalla ‣ JAWS ‣ Window Eyes
  33. 33. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera Limitaciones de los lectores de pantalla ‣ Tablas Pruebe a leer una tabla con un lector de pantalla. Asegúrese de que la tabla de ejemplo tiene gran cantidad de datos numéricos u otra información que no tenga mucho sentido al leerse de forma lineal.
  34. 34. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera Vídeo: experiencia de una persona ciega
  35. 35. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Conceptos clave de la ceguera (1) ‣ No utilice técnicas (scripts y similares) que requieran el uso del ratón. Ofrezca alternativas a través del teclado. ‣ Ofrezca descripciones de texto, utilizando alt o, si es necesario, longdesc. ‣ Permita que los usuario puedan saltarse el menú de navegación, largas listas de enlaces, ASCII art, y otras cosas que el complique el acceso al contenido o sean difíciles o tediosas de escuchar. ‣ Asegúrese de que esos enlaces tienen sentido fuera del contexto (cosas como el “pinche aquí” suelen dar problemas). Si usa formularios, compruebe que se puede navegar con el tabulador de forma lógica y que los campos para introducir textos están debidamente etiquetados.
  36. 36. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Conceptos clave de la ceguera (2) ‣ No use marcos a menos de que sea estrictamente necesario. Tecnológicamente están obsoletos y algunas asistencias técnicas pueden no ser compatibles con ellos. Si los tiene que usar, ofrezca títulos que comuniquen su propósito (por ejemplo, marco de navegación, contenido principal…) ‣ Haga encabezados de filas o columnas (<th>). Asegúrese, especialmente al usar celdas anidadas, que el contenido de la tabla tiene sentido al leerse de forma lineal (fila a fila, de izquierda a derecha). ‣ Ofrezca resúmenes (summary) y/o descripciones textuales adecuadas. ‣ Haga enlaces de texto redundantes para cada punto caliente en el mapa de imagen.
  37. 37. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Conceptos clave de la ceguera (3) ‣ No dependa sólo del color para aportar significado. ‣ No utilice scripts y similares en los enlaces que no tengan destinos reales asociados, por ejemplo, href="javascript: function(this)". ‣ Compruebe que los vídeos están descritos textualmente o con sonido. ‣ Asegúrese de que los documentos son accesibles con diferentes dispositivos, tecnologías y plataformas. Los documentos no estándar son más difíciles de interpretar por los lectores de pantalla. ‣ El orden de la información es importante. Si hay cambios en nuestras páginas hay que advertirlo convenientemente.
  38. 38. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Baja visión ‣ Persona con un impedimento en el funcionamiento visual. ‣ Aún después de tratamiento y/o corrección, tiene una agudeza visual de 6/18 hasta percepción de luz, o un campo visual de 10 grados desde el punto de fijación. ‣ Usa la visión para la planificación y/o ejecución de una tarea visual.
  39. 39. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Baja visión Pruébalo ‣ Extiende tu brazo a unos 30 cm. y pon tu mano delante de tus ojos. Sólo puedes mirar hacia el frente, aunque puedes ver alrededor de los bordes de la mano. ‣ Sin mirar a los lados trata de leer algo con tu visión periférica.
  40. 40. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Baja visión Pruébalo: aumenta tu pantalla ‣ Utiliza Opera o las barras de desarrollo para IE o Firefox para ver las páginas ampliadas. ‣ Aumenta en un 400-600% para comprobar la dificultad de sólo poder usar pequeñas áreas de la página, teniendo que usar las barras de desplazamiento para ver el resto de los contenidos.
  41. 41. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Alto contraste
  42. 42. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Alto contraste
  43. 43. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Alto contraste Pruébalo: contrastando los colores ‣ Baje el contraste de su monitor. ‣ Ponga delante de su pantalla un papel translúcido y compruebe las diferencias de color.
  44. 44. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Alto contraste Pruébalo: algoritmo de contraste del color Existe un algoritmo desarrollado por el W3C que calcula automáticamente un contraste de color adecuado. Comprobador del contraste del color para Firefox: ‣ WCAG Contrast Checker
  45. 45. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Conceptos clave de la baja visión (1) ‣ Compruebe que los textos importantes no son imágenes. ‣ Evite usar las fuentes con tamaño absoluto. ‣ Permita las modificaciones usando, por ejemplo, texto real en lugar de texto como imágenes. ‣ Evite el bajo contraste el las imágenes y entre la fuente y el fondo.
  46. 46. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Conceptos clave de la baja visión (2) ‣ Para reducir el aumento del desplazamiento horizontal use medidas relativas en lugar de absolutas (anchos con porcentajes en lugar de píxeles, por ejemplo). ‣ Compruebe que no se pierde la consistencia del sitio al cambiar la resolución o el tamaño de la ventana. ‣ Separe la estructura y los contenidos del aspecto visual de las páginas. ‣ Evite las soluciones propietarias. Utilice estándares que intenten asegurar el mejor comportamiento en la mayoría de programas y dispositivos.
  47. 47. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color
  48. 48. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color ‣ La visión sin alteraciones es tricromática basada en la percepción de tres colores básicos (rojo, verde y azul) ‣ Es una alteración en la percepción del color, en la que se perciben dos, uno o ninguno de los colores. ‣ Generalmente, encontramos deficiencias con el color rojo-verde, sólo rojo y sólo verde.
  49. 49. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Protanopía (rojo): los rojos parecen beiges y se muestran más oscuros.
  50. 50. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Deuteranopía (verde): los rojos parecen beiges, aunque no son tan oscuros como en la protanopía.
  51. 51. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Tritanopía (azul): azules y verdes se confunden. Los amarillos también se ven afectados.
  52. 52. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Monocromacía (todos): no hay color; sólo blanco, negro y tonos de gris.
  53. 53. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo ¿De qué color son estas manzanas?
  54. 54. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo ¿De qué color son estas manzanas?
  55. 55. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo ¿Hay un camión rojo? ¿Cuál?
  56. 56. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo ¿Hay un camión rojo? ¿Cuál?
  57. 57. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo El color no siempre es estético, también puede aportar información importante.
  58. 58. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo Los vuelos mostrados en rojo Los vuelos mostrados en rojo han sido cancelados. En verde han sido cancelados. En verde los que no sufren retrasos: los que no sufren retrasos: • Gran Canaria 5569 • Gran Canaria 5569 • Tenerife Norte 609 • Tenerife Norte 609 • Madrid 8897 • Madrid 8897 • Barcelona 412 • Barcelona 412
  59. 59. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo Los vuelos mostrados con Los siguientes vuelos han sido asterisco (*) han sido cancelados: cancelados. El resto no sufre retrasos: • Tenerife Norte 609 • Madrid 8897 • Gran Canaria 5569 • * Tenerife Norte 609 Los siguientes vuelos no sufren • * Madrid 8897 retrasos: • Barcelona 412 • Gran Canaria 5569 • Barcelona 412
  60. 60. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo: Vischeck ‣ Prueba con Vischeck (http://www.vischeck.com/ vischeck/) diferentes imágenes y páginas.
  61. 61. Accesibilidad Web > ¿Quiénes? Discapacidades motoras
  62. 62. Accesibilidad Web > ¿Quiénes? Discapacidades motoras ‣ Existen diversos tipos de discapacidad física que afectan a distintas partes del cuerpo. ‣ Las discapacidades que afectan a las extremidades superiores dificultan el empleo del ratón y/o teclado o es del todo imposible.
  63. 63. Accesibilidad Web > ¿Quiénes? > Discapacidades motoras Tetraplejia Vídeo: experiencia de una persona con tetraplejia
  64. 64. Accesibilidad Web > ¿Quiénes? > Discapacidades motoras Usando el teclado Pruébalo ‣ Uso del ordenador. Usando sólo el teclado, abre y cierra ventanas, utiliza el navegador, navega por diferentes páginas, realiza búsquedas, guarda información… ‣ En una página Web con gran cantidad de enlaces (tienda online, periódico, etc.). Busca una información determinada utilizando sólo el teclado. Cuenta el número de veces que utilizas la tecla de tabulación. ‣ Usa un puntero bucal o de cabeza para navegar. Comparte tus experiencias.
  65. 65. Accesibilidad Web > ¿Quiénes? > Discapacidades motoras Conceptos clave de la discapacidad motora ‣ Asegúrese de que todas las funciones están disponibles desde el teclado (navegar con el tabulador por los enlaces, etc.) ‣ En los formularios, compruebe que los elementos están ordenados de forma lógica. ‣ Compruebe que sus páginas son tolerantes a fallos (p.e. que existan mensajes de confirmación para las acciones críticas o que no se pueden deshacer). ‣ No cree enlaces pequeños o en movimiento. No use iconos demasiado pequeños que sean complicados de señalar con los punteros. ‣ Ofrezca un método para saltar largas listas de enlaces o contenidos extensos. ‣ Compruebe que las páginas no tienen un tiempo de respuesta limitado para realizar las acciones.
  66. 66. Accesibilidad Web > ¿Quiénes? Discapacidades auditivas
  67. 67. Accesibilidad Web > ¿Quiénes? Discapacidades auditivas ‣ Problema en los oídos o en una o más partes que facilitan la audición. ‣ Una persona con una deficiencia auditiva puede ser capaz de oír algunos sonidos o puede no oír nada en absoluto. ‣ Se suelen clasificar en leves, moderadas (duros de oído), severas y profundas (sordos).
  68. 68. Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas Multimedia: más accesibilidad Para pensar... ‣ Los formatos multimedia abren nuevas formas de representar la información. Podemos combinar textos, vídeo y sonido y usarlos todos a la vez, si así lo deseamos. ‣ La capacidad para presentar el contenido de diversas formas lo hace accesible para una audiencia más amplia. ‣ Lamentablemente los contenidos multimedia no están normalmente diseñados para facilitar la accesibilidad y uno de los grupos más afectados por la inaccesibilidad multimedia es el de personas con discapacidades auditivas.
  69. 69. Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas Sordera Vídeo: experiencia de una persona sorda
  70. 70. Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas Sordoceguera ‣ Discapacidad multisensorial que impide a la persona valerse de los sentidos del oído y de la vista. ‣ No necesariamente ha de ser una perdida total de ambos sentidos. ‣ Los sordociegos totales es un grupo muy reducido (5-10 %). La mayoría posee algún resto auditivo y/o visual. ‣ Presenta numerosas barreras sensoriales, de movilidad y orientación. ‣ Han aprender a comunicarse a través del tacto. ‣ En la Web generalmente utilizan dispositivos Braille.
  71. 71. Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas Lengua de signos Para pensar... ‣ No todas las personas sordas hablan lengua de signos. ‣ La lengua de signos no es universal, no todos utilizan la misma lengua de signos. La lengua de signos comprende al menos unas cincuenta lenguas, prácticamente ininteligibles entre sí, y numerosos dialectos. ‣ Es una lengua viva que está en continua ampliación, incorporando neologismos a medida que ha sido necesario. ‣ La mayoría de los vídeos en Internet no son lo suficientemente claros ni duran lo bastante como para que la legua de signos sea comprensible.
  72. 72. Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas Lectura labial Para pensar... ‣ Puede pensar que si aparece una persona hablando en un vídeo en Internet, la persona sorda que pueda leer los labios podrá comprender su significado. ‣ La realidad es que la lectura labial no es una opción para los vídeos en Internet; normalmente tienen una baja resolución, un tamaño pequeño y, en general, poca calidad, lo que impide leer con precisión los labios.
  73. 73. Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas Subtítulos y transcripciones Para pensar... El subtitulado y las transcripciones de los archivos sonoros benefician no sólo a las personas con deficiencia auditiva, también a aquellas personas: ‣ Sin dispositivos para reproducir el sonido (tarjetas de sonido, altavoces, etc.) ‣ Con dificultades de aprendizaje. ‣ Con dificultades en el lenguaje. ‣ Que no pueden usar el sonido por circunstancias contextuales (p.e. en una biblioteca, sala de estudios, etc.) Los subtítulos aumentan la retención en la memoria y la comprensión puesto que de los contenidos se experimentan de forma multisensorial; a través de la vista y el oído.
  74. 74. Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas Vídeos en la Red Pruébalo ‣ Pruebe a ver un vídeo, por ejemplo alguna noticia de algún diario en línea, sin sonido y sin subtítulos. ‣ Haga una puesta en común para saber qué ha interpretado cada uno y cuál era la verdadera información transmitida.
  75. 75. Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas Conceptos clave en la discapacidad auditiva ‣ Ofrezca transcripciones para los archivos sonoros. ‣ Ofrezca subtítulos sincronizados y transcripciones para los archivos de vídeo. ‣ Los archivos visuales ayudan a la accesibilidad. Compruebe que existan imágenes relacionadas que faciliten la comprensión de los textos. ‣ Utilice formatos multimedia diseñados para facilitar la accesibilidad.
  76. 76. Accesibilidad Web > ¿Quiénes? Discapacidades cognitivas
  77. 77. Accesibilidad Web > ¿Quiénes? Discapacidades cognitivas Podemos clasificarlas por: ‣ Clínica. Perspectiva médica. Útil para el tratamiento de las causas o etiología (autísmo, síndrome de Down, dislexia, lesiones cerebrales, demencia...) ‣ Funcional. Centrada en las habilidades resultantes y sus retos. Perspectiva más efectiva para la Accesibilidad Web
  78. 78. Accesibilidad Web > ¿Quiénes? Discapacidades cognitivas Los principales tipos de discapacidades cognitivas funcionales incluyen déficit o dificultades con la: ‣ Memoria ‣ Resolución de problemas ‣ Atención lectora, lingüística y comprensión verbal ‣ Comprensión matemática ‣ Comprensión visual
  79. 79. Accesibilidad Web > ¿Quiénes? Memoria Capacidad del usuario para recordar lo aprendido. Consejos de diseño: ‣ En procesos interactivos largos. Simples y concisos. Dividir en pasos, indicando en cuál se encuentra el usuario ‣ Recordatorios sencillos. p.e. “Paso 2 de 3”, etiquetar adecuadamente para mejorar la comprensión. p.e. “página siguiente - confirmación de sus datos”
  80. 80. Accesibilidad Web > ¿Quiénes? Resolución de problemas Dificultad para resolver las cuestiones que se plantean. Consejos de diseño: ‣ Mensajes de error claros y explicativos; qué se ha hecho mal y cómo se puede subsanar. ‣ Advertir de las acciones que pueden ser críticas. Unas breves instrucciones al comienzo de una tarea puede reducir el número de errores. ‣ Todas las funciones deben ser predecibles; cualquier variación o cambio debería advertirse antes de que ocurra.
  81. 81. Accesibilidad Web > ¿Quiénes? Problemas de atención Dificultad para centrar la atención en la tarea que se realiza. Consejos de diseño: ‣ Centre la atención del usuario. Indicaciones visuales, sonoras, en el marcado... ‣ Destacar los contenidos importantes ‣ Evite el ruido visual
  82. 82. Accesibilidad Web > ¿Quiénes? Comprensión lectora y lingüística Problemas para comprender los textos y el habla. Consejos de diseño: ‣ Más sencillo = más fácil de comprender ‣ Busque la mejor legibilidad ‣ Use frases simples, sin ambigüedad ‣ Los bloques de información cortos se leen mejor ‣ Resuma el contenido
  83. 83. Accesibilidad Web > ¿Quiénes? Comprensión lectora y lingüística Pruébalo Sgeún un etsduio de la Uivenrsdiad de Cmabrigde, no ipmotra el odren en el que las ltears etsán ecsritas, lo ipormtnate es que la pmrirea y la útlima ltera esétn en la psioción cocrrtea. Etso es pquore no lemeos cada ltera por sí msima, snio la paalbra en un tdoo.
  84. 84. Accesibilidad Web > ¿Quiénes? Comprensión lectora y lingüística Pruébalo ‣ Este sitio Web ofrece las características del buscador Google, con la salvedad de que todo se muestra y funciona de forma invertida, como si lo viésemos en un espejo. ‣ http://www.alltooflat.com/geeky/elgoog/m/index.cgi
  85. 85. Accesibilidad Web > ¿Quiénes? Comprensión visual Problemas para comprender la información visual. Consejos de diseño: ‣ La información visual es potencialmente útil, si es de calidad ‣ Buena jerarquía visual (sangrado, colores, tipografías) ‣ Pierda el miedo al blanco
  86. 86. Accesibilidad Web > ¿Quiénes? Ataques convulsivos ‣ Algunas personas son susceptibles de tener ataques causados por efectos estroboscópicos, parpadeos o destellos. ‣ Este tipo de ataques se denominan fotoepilépticos. ‣ Pueden ser un peligro potencial si los patrones luminosos (parpadeo, destellos, etc.) se repiten más de dos veces por segundo. ‣ Distraen al usuario. ‣ Los objetos más grandes y vistosos tienen más probabilidades de provocarlo.
  87. 87. Accesibilidad Web > ¿Quiénes? Inaccesibilidad tecnológica
  88. 88. Accesibilidad Web > ¿Cómo? Ayudas técnicas
  89. 89. Accesibilidad Web > ¿Cómo? Eye tracking
  90. 90. Accesibilidad Web > ¿Cómo? Soplando
  91. 91. Accesibilidad Web > ¿Cómo? Varilla bucal
  92. 92. Accesibilidad Web > ¿Cómo? Varilla de cabeza
  93. 93. Accesibilidad Web > ¿Cómo? Adaptador de ratón
  94. 94. Accesibilidad Web > ¿Cómo? Teclados adaptados
  95. 95. Accesibilidad Web > ¿Cómo? Teclados adaptados
  96. 96. Accesibilidad Web > ¿Cómo? Teclados adaptados

×