SlideShare ist ein Scribd-Unternehmen logo
1 von 96
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
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.
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
Accesibilidad Web > ¿Qué?



Definiciones
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
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/
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”
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
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?
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
   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.
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.
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...)
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.
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, 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/
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/
Accesibilidad Web > Pautas y legislación
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).
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/
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)
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
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”).
Accesibilidad Web > ¿Quiénes?



Los usuarios
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.
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.
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.
Accesibilidad Web > ¿Quiénes?



Discapacidades visuales
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)
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?
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



                   Ceguera
      Pruébalo: lectores de pantalla


‣ JAWS

‣ Window Eyes
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.
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales



                   Ceguera
Vídeo: experiencia de una persona ciega
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.
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.
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.
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.
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.
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.
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 colores


‣ Baje el contraste de su monitor.

‣ Ponga delante de su pantalla un papel
  translúcido y compruebe las diferencias de color.
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
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.
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.
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á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.
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


          Ceguera al color
Protanopía (rojo): los rojos parecen beiges y se muestran más
                           oscuros.
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.
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


          Ceguera al color
Tritanopía (azul): azules y verdes se confunden. Los amarillos
                  también se ven afectados.
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


           Ceguera al color
Monocromacía (todos): no hay color; sólo blanco, negro y tonos
                          de gris.
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


 Ceguera al color
                  Pruébalo
    ¿De qué color son estas manzanas?
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


 Ceguera al color
                  Pruébalo
    ¿De qué color son estas manzanas?
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


 Ceguera al color
                  Pruébalo

        ¿Hay un camión rojo? ¿Cuál?
Accesibilidad Web > ¿Quiénes? > Discapacidades visuales


 Ceguera al color
                  Pruébalo

        ¿Hay un camión rojo? ¿Cuál?
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.
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
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
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.
Accesibilidad Web > ¿Quiénes?



Discapacidades motoras
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.
Accesibilidad Web > ¿Quiénes? > Discapacidades motoras



                Tetraplejia
Vídeo: experiencia de una persona con tetraplejia
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.
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.
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
   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).
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.
Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas



                    Sordera
Vídeo: experiencia de una persona sorda
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.
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.
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.
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.
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.
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.
Accesibilidad Web > ¿Quiénes?



Discapacidades cognitivas
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
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
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”
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.
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
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
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.
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
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
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.
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

Weitere ähnliche Inhalte

Was ist angesagt?

Tecnologiaweb 101114145311-phpapp02
Tecnologiaweb 101114145311-phpapp02Tecnologiaweb 101114145311-phpapp02
Tecnologiaweb 101114145311-phpapp02
zaritarodriguez02
 
Introducción usabilidad y ux mejorandola-natalia
Introducción usabilidad y ux   mejorandola-nataliaIntroducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux mejorandola-natalia
Brainy Bog
 

Was ist angesagt? (16)

Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experience
 
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
 
Accesibilidad adolescente Estado actual
Accesibilidad adolescente Estado actualAccesibilidad adolescente Estado actual
Accesibilidad adolescente Estado actual
 
COMO CREAR UN BLOG
COMO CREAR UN BLOGCOMO CREAR UN BLOG
COMO CREAR UN BLOG
 
Fundamentos web 2005 - John Slatin
Fundamentos web 2005 - John SlatinFundamentos web 2005 - John Slatin
Fundamentos web 2005 - John Slatin
 
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
 
Tecnologiaweb 101114145311-phpapp02
Tecnologiaweb 101114145311-phpapp02Tecnologiaweb 101114145311-phpapp02
Tecnologiaweb 101114145311-phpapp02
 
Tecnologías presentes y pasadas
Tecnologías presentes y pasadasTecnologías presentes y pasadas
Tecnologías presentes y pasadas
 
Diseñar para la acción. ¡No más clic aquí!
Diseñar para la acción. ¡No más clic aquí!Diseñar para la acción. ¡No más clic aquí!
Diseñar para la acción. ¡No más clic aquí!
 
Introducción usabilidad y ux mejorandola-natalia
Introducción usabilidad y ux   mejorandola-nataliaIntroducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux mejorandola-natalia
 
Experiencia de usuario y Usabilidad
Experiencia de usuario y UsabilidadExperiencia de usuario y Usabilidad
Experiencia de usuario y Usabilidad
 
Clasificación de herramientas digitales
Clasificación de herramientas digitales  Clasificación de herramientas digitales
Clasificación de herramientas digitales
 
Cuestionario web 2
Cuestionario web 2Cuestionario web 2
Cuestionario web 2
 
w3c Iris amaya
w3c Iris amayaw3c Iris amaya
w3c Iris amaya
 
Yuliana 2!!!
Yuliana 2!!!Yuliana 2!!!
Yuliana 2!!!
 
Inter Tecno Gestion De Proyecto
Inter Tecno   Gestion De ProyectoInter Tecno   Gestion De Proyecto
Inter Tecno Gestion De Proyecto
 

Andere mochten auch

Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
yusefhassan
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
Andrea Cantú
 

Andere mochten auch (20)

Presentacion Accesibilidad Web
Presentacion Accesibilidad WebPresentacion Accesibilidad Web
Presentacion Accesibilidad Web
 
Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)
 
8 Sintaxis
8  Sintaxis8  Sintaxis
8 Sintaxis
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turístico
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidad
 
6 sintaxis de la imagen esquema _pptm
6 sintaxis de la imagen esquema _pptm6 sintaxis de la imagen esquema _pptm
6 sintaxis de la imagen esquema _pptm
 
Curso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: SensibilizaciónCurso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: Sensibilización
 
Buenas y malas prácticas de accesibilidad en documentos electrónicos
Buenas y malas prácticas de accesibilidad en documentos electrónicosBuenas y malas prácticas de accesibilidad en documentos electrónicos
Buenas y malas prácticas de accesibilidad en documentos electrónicos
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidad
 
Principios básicos de UX para móviles
Principios básicos de UX para móvilesPrincipios básicos de UX para móviles
Principios básicos de UX para móviles
 
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmeUsabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
 
Los tipos de planos en Fotografía y Medios Audiovisuales
Los tipos de planos en Fotografía y Medios AudiovisualesLos tipos de planos en Fotografía y Medios Audiovisuales
Los tipos de planos en Fotografía y Medios Audiovisuales
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIA
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIAAccesibilidad práctica con HTML5, CSS3 y WAI-ARIA
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIA
 

Ähnlich wie Presenta Accesibilidad Centrada en los Usuarios - 2009

Accesibilidad Laura
Accesibilidad LauraAccesibilidad Laura
Accesibilidad Laura
informatica4
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
93giuse
 
Día W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesibles
Día W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesiblesDía W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesibles
Día W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesibles
Jerónimo Pérez Paz
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
guest8b219d
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
MIGUEL
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
MIGUEL
 

Ähnlich wie Presenta Accesibilidad Centrada en los Usuarios - 2009 (20)

Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
 
Accesibilidad y usabilidad
Accesibilidad y usabilidadAccesibilidad y usabilidad
Accesibilidad y usabilidad
 
Accesibilidad Laura
Accesibilidad LauraAccesibilidad Laura
Accesibilidad Laura
 
Accesibilidad
AccesibilidadAccesibilidad
Accesibilidad
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Internet Accesible para todos
Internet Accesible para todosInternet Accesible para todos
Internet Accesible para todos
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptx
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidadLiferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
 
"Importancia y Beneficios de la Accesibilidad Web para todos"
"Importancia y Beneficios de la Accesibilidad Web para todos""Importancia y Beneficios de la Accesibilidad Web para todos"
"Importancia y Beneficios de la Accesibilidad Web para todos"
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Presentación Norma técnica de accesibilidad ICONTEC
Presentación Norma técnica de accesibilidad ICONTECPresentación Norma técnica de accesibilidad ICONTEC
Presentación Norma técnica de accesibilidad ICONTEC
 
Día W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesibles
Día W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesiblesDía W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesibles
Día W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesibles
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Apuntes
ApuntesApuntes
Apuntes
 
Tarea de ingenieria de software ll de geovanni mendoza
Tarea de ingenieria de software ll de geovanni mendozaTarea de ingenieria de software ll de geovanni mendoza
Tarea de ingenieria de software ll de geovanni mendoza
 
Por una web sin barreras ISOC-AR
Por una web sin barreras ISOC-ARPor una web sin barreras ISOC-AR
Por una web sin barreras ISOC-AR
 

Kürzlich hochgeladen

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 

Kürzlich hochgeladen (20)

cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
 

Presenta Accesibilidad Centrada en los Usuarios - 2009

  • 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. 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. 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. Accesibilidad Web > ¿Qué? Definiciones
  • 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. 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. 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. 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. 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. Accesibilidad Web > ¿Por qué? Motivos
  • 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. 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. 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. 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. Accesibilidad Web > ¿Por qué? Argumentos Vídeo: ¿Por qué ser accesible?
  • 16. Accesibilidad Web > Pautas y legislación Las reglas del juego
  • 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. 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. Accesibilidad Web > Pautas y legislación
  • 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. 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. 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. 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. 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. Accesibilidad Web > ¿Quiénes? Los usuarios
  • 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. 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. 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. Accesibilidad Web > ¿Quiénes? Discapacidades visuales
  • 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. 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. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera Pruébalo: lectores de pantalla ‣ JAWS ‣ Window Eyes
  • 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. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera Vídeo: experiencia de una persona ciega
  • 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. 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. 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. 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. 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. 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. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Alto contraste
  • 42. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Alto contraste
  • 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. 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. 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. 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. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color
  • 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. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Protanopía (rojo): los rojos parecen beiges y se muestran más oscuros.
  • 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. 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. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Monocromacía (todos): no hay color; sólo blanco, negro y tonos de gris.
  • 53. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo ¿De qué color son estas manzanas?
  • 54. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo ¿De qué color son estas manzanas?
  • 55. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo ¿Hay un camión rojo? ¿Cuál?
  • 56. Accesibilidad Web > ¿Quiénes? > Discapacidades visuales Ceguera al color Pruébalo ¿Hay un camión rojo? ¿Cuál?
  • 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. 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. 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. 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. Accesibilidad Web > ¿Quiénes? Discapacidades motoras
  • 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. Accesibilidad Web > ¿Quiénes? > Discapacidades motoras Tetraplejia Vídeo: experiencia de una persona con tetraplejia
  • 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. 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. Accesibilidad Web > ¿Quiénes? Discapacidades auditivas
  • 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. 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. Accesibilidad Web > ¿Quiénes? > Discapacidades auditivas Sordera Vídeo: experiencia de una persona sorda
  • 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. 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. 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. 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. 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. 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. Accesibilidad Web > ¿Quiénes? Discapacidades cognitivas
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Accesibilidad Web > ¿Quiénes? Inaccesibilidad tecnológica
  • 88. Accesibilidad Web > ¿Cómo? Ayudas técnicas
  • 89. Accesibilidad Web > ¿Cómo? Eye tracking
  • 90. Accesibilidad Web > ¿Cómo? Soplando
  • 91. Accesibilidad Web > ¿Cómo? Varilla bucal
  • 92. Accesibilidad Web > ¿Cómo? Varilla de cabeza
  • 93. Accesibilidad Web > ¿Cómo? Adaptador de ratón
  • 94. Accesibilidad Web > ¿Cómo? Teclados adaptados
  • 95. Accesibilidad Web > ¿Cómo? Teclados adaptados
  • 96. Accesibilidad Web > ¿Cómo? Teclados adaptados