internet para todos

24
jueves 05.05.16 INTERNET PARA TODOS Monica Duhem

Upload: ux-nights

Post on 18-Jan-2017

440 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Internet para todos

jueves 05.05.16INTERNET PARA TODOS

Monica Duhem

Page 2: Internet para todos

01 de 10

Accesibilidad web

Sabias que en México hay 7.3 millones de personas con discapacidad

48%

37%

8%Navegan con teclado o tecnologías de asistencia

Movilidad reducida

Navegan con lector de pantallaMagnificador de pantalla

Movilidad reducida

Transcripción del audioSubtítulos

Page 3: Internet para todos

Derecho humano y una obligación

01 de 10

Page 4: Internet para todos

Antes de empezar

01 de 10

Page 5: Internet para todos

Roma no se construyó en un día

Page 6: Internet para todos

Principios de Accesibilidad Web

1. Perceptible: La información del contenido web debe estar disponible para los sentidos (vista, audición o tacto), ajustándose a distintas discapacidades.

2. Operable: Los elementos de la interfaz deben facilitar la interacción y operabilidad (navegación con teclado).

3. Comprensible: La información y la operación de la interfaz deben entenderse fácilmente.

4. Robusto: El contenido debe ser confiable para permitir su uso con una variedad de agentes de usuario.

Page 7: Internet para todos

Hechos sobre accesibilidad

• Si lo piensas desde el principio del proyecto, ahorras tiempo, dinero y esfuerzo.

• Después de la curva de aprendizaje, la planeación y el diseño es mas fácil.

• El diseño accesible puede ser igual de bonito que cualquiera. – Algunos requerimientos de

accesibilidad no se visualizan: textos alternativos, etiquetas, encabezados, listas, idioma, navegación con teclado, etc.

– Otros si: contrastes de color.

Page 8: Internet para todos

Enlaces

• World Wide Web Consortium o W3C

• Web Accessibility Initiative (WAI)• Web Content Accessibility Guidelines

(WCAG) 2.0

– 4 Principios– 12 Pautas: Criterios de conformidad– 3 Niveles de accesibilidad: A, AA y AAA

Page 9: Internet para todos

3 de cada 11 hombres son daltónicos

Page 10: Internet para todos

Contraste de color

Page 11: Internet para todos

Algunos ejemplos

Page 12: Internet para todos
Page 13: Internet para todos
Page 14: Internet para todos
Page 15: Internet para todos
Page 16: Internet para todos
Page 17: Internet para todos
Page 18: Internet para todos
Page 19: Internet para todos
Page 20: Internet para todos
Page 21: Internet para todos
Page 22: Internet para todos
Page 23: Internet para todos
Page 24: Internet para todos