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
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
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?
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.
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/
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”).
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.
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.
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.
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.
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.
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.
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.