65
Introducción a la accesibilidad web Sergio Luján Mora Profesor visitante

Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Sergio Luján Mora

Profesor visitante

Page 2: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¿POR QUÉ ES IMPORTANTE LA ACCESIBILIDAD WEB?

Page 3: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¿Por qué estamos aquí?

Page 4: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 5: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 6: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 7: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¿Sabías que…

Existen diferentes tipos de discapacidades y el porcentaje de personas con algún tipo de discapacidad es muy significativo.

Page 8: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 9: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

1.000.000 de personas con problemas graves de visión

Page 10: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 11: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¿Sabías que…

Ofrecer una “Versión sólo texto” en un sitio web no es ofrecer accesibilidad.

Page 12: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 13: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 14: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¿Sabías que…

Un sitio web puede ser accesible y no por eso tiene que ser “feo y aburrido”.

Page 15: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 16: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 17: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¿Sabías que…

La accesibilidad web puede ayudar a todas las personas.

Page 18: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 19: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 20: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¿Sabías que…

La accesibilidad web busca que una página web se visualice correctamente en cualquier dispositivo.

Page 21: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

800 píxeles

1920 píxeles

Page 22: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 23: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 24: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 25: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¿Sabías que…

La accesibilidad web te puede ayudar a mejorar el posicionamiento de un sitio web.

Page 26: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 27: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 28: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 29: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 30: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Google se comporta…

Page 31: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Pero… ¿la Web puede mejorar la vida de las personas con discapacidad?

Page 32: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Absolutamente…

Page 33: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Banca

Page 34: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 35: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 36: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Compras

Page 37: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 38: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 39: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 40: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 41: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 42: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 43: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Educación

Page 44: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 45: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 46: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

• Rosa Navarrete:

– Accesibilidad de los Recursos Educativos Abiertos

• Sandra Sánchez:

– Accesibilidad de los MOOC (Massive Open Online Courses)

Page 47: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¿Cómo se logra que un sitio web sea accesible?

Page 48: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 49: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 50: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 51: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 52: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 53: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 54: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 55: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 56: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 57: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 58: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 59: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 60: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Principio 1: Perceptible: la información y los componentes de la interfaz de usuario deben ser mostrados a los usuarios en formas que ellos puedan entender.

Directriz 1.1: Texto alternativo: Proporciona texto alternativo para el contenido que no sea textual, así podrá ser transformado en otros formatos que la gente necesite, como caracteres grandes, lenguaje braille (braille no es correcto), lenguaje oral, símbolos o lenguaje más simple. Directriz 1.2: Contenido multimedia dependiente del tiempo: Proporcione alternativas sincronizadas para contenidos multimedia sincronizados dependientes del tiempo. Directriz 1.3: Adaptable: Crear contenido que pueda ser presentado de diferentes formas sin perder ni información ni estructura. Directriz 1.4: Distinguible: Facilitar a los usuarios ver y escuchar el contenido incluyendo la distinción entre lo más y menos importante.

Page 61: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe ser manejable.

Directriz 2.1: Teclado accesible: Poder controlar todas las funciones desde el teclado. Directriz 2.2 Tiempo suficiente: Proporciona tiempo suficiente a los usuarios para leer y utilizar el contenido. Directriz 2.3: Ataques epilépticos: No diseñar contenido que pueda causar ataques epilépticos. Directriz 2.4: Navegación: Proporciona formas para ayudar a los usuarios a navegar, a buscar contenido y a determinar donde están estos.

Page 62: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Principio 3: Comprensible. La información y las operaciones de usuarios deben ser comprensibles

Directriz 3.1: Legible. Hacer contenido de texto legible y comprensible. Directriz 3.2 Previsible: Hacer la apariencia y la forma de utilizar las páginas web previsibles. Directriz 3.3 Asistencia a la entrada de datos: los usuarios de ayuda evitarán y corregirán errores.

Principio 4: Robustez: el contenido deber ser suficientemente robusto para que pueda ser bien interpretado por una gran variedad de agentes de usuario, incluyendo tecnologías de asistencia.

Directriz 4.1 Compatible: Maximiza la compatibilidad con los agentes de usuario actuales y futuros, incluyendo tecnologías de asistencia.

Page 63: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 64: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

Page 65: Introducción a la accesibilidad web - RUA: Principal...Introducción a la accesibilidad web Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe

Introducción a la accesibilidad web

¡Muchas gracias!

Sergio Luján Mora:

[email protected]

@sergiolujanmora