16
ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006

ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

Embed Size (px)

Citation preview

Page 1: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

ACCESIBILIDAD WEBACCESIBILIDAD WEB

Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST

Tlalnepantla, Edo. de Mex.2 de Octubre de 2006

Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST

Tlalnepantla, Edo. de Mex.2 de Octubre de 2006

Page 2: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

¿ Qué es la Accesibilidad Web?¿ Qué es la Accesibilidad Web?

Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.

Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative).

Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.

Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative).

Page 3: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

Jacob NielsenJacob Nielsen

Accesibilidad: la facilidad con la que algo puede ser usado, visitado o accedido en general por todas las personas, especialmente por aquéllas que poseen algún tipo de discapacidad.

Accesibilidad: la facilidad con la que algo puede ser usado, visitado o accedido en general por todas las personas, especialmente por aquéllas que poseen algún tipo de discapacidad.

Page 4: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

¿ Para qué sirve?¿ Para qué sirve?La idea principal radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información.

La idea principal radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información.

¿Cómo funciona?¿Cómo funciona?Para hacer el contenido Web accesible, se han desarrollado las denominadas Pautas de Accesibilidad al Contenido en la Web WCAG (Web Content Accesibility Guideslines), dentro de W3C

Page 5: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

¿ Qué es W3C? World Wide Web Consortium ¿ Qué es W3C? World Wide Web Consortium Es una asociación internacional formada por organizaciones miembro del consorcio, personal y el público en general, que trabajan conjuntamente para desarrollar estándares Web.

Es una asociación internacional formada por organizaciones miembro del consorcio, personal y el público en general, que trabajan conjuntamente para desarrollar estándares Web.

Guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la Web.

Page 6: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

WCAG Pautas de Accesibilidad al Contenido en la webWCAG Pautas de Accesibilidad al Contenido en la web

Principio 1: El contenido debe ser contemplado de la siguiente manera: 1.1 Proveer Alternativas de Texto para todos

los contenidos no textuales 1.2 Proveer Alternativas sincronizadas para

multimedia 1.3 Asegurarse que la información y la

estructura puedan ser separadas de la presentación

1.4 Fácil distinción entre el fondo y la información contenida en la página.

Page 7: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

WCAG Pautas de Accesibilidad al Contenido en la webWCAG Pautas de Accesibilidad al Contenido en la web

Principio 2: Los componentes de la interfaz en el contenido deben ser manejables 2.1 Elaborar todo funcionalmente manejable

vía teclado 2.2 Permitir a los usuarios controlar límites de

tiempo en su lectura o interacción. 2.3 Permitir que los usuarios eviten el

contenido que podría causar fallas debido a la fotosensibilidad

2.4 Proveer mecanismos para ayudar a los usuarios a encontrar los contenidos de su interés y navegar a través de ellos.

2.5 Ayudar a los usuarios a evitar errores y facilitarles la corrección de errores que pudieran ocurrir.

Page 8: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

WCAG Pautas de Accesibilidad al Contenido en la webWCAG Pautas de Accesibilidad al Contenido en la web

Principio 3 : El Contenido y controles deben ser entendibles

3.1 Elaborar el contenido del texto legible y entendible.

3.2 Definir la colocación y la funcionalidad del contenido predecible.

Page 9: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

WCAG Pautas de Accesibilidad al Contenido en la webWCAG Pautas de Accesibilidad al Contenido en la web

Principio 4: El contenido debe ser lo suficientemente fuerte para trabajar con agentes de usuario actuales y futuros (incluyendo tecnologías asistentes) .

4.1 Soporte de compatibilidad con agentes de usuario actuales y futuras (incluyendo tecnologías asistentes)

4.2 Asegurarse que el contenido sea accesible o que contenga una alternativa accesible.

Page 10: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos

por las pautas

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos

por las pautas

Son aquellos puntos que un desarrollador web tiene que satisfacer ya que, de otra manera, cierto grupo de usuarios no podrán acceder a la información de su sitio web.

Aquéllos que un desarrollador Web

debe satisfacer ya que, si no es así, será muy difícil acceder a la información para ciertos grupos de usuarios.

Aquéllos que un desarrollador Web puede satisfacer ya que, de otra forma, algunos usuarios experimentarán ciertas dificultades para acceder a la información

Prioridad 1Prioridad 1

Prioridad 2Prioridad 2

Prioridad 3Prioridad 3

Page 11: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

En función a estos puntos de verificación se

establecen los niveles de conformidad: En función a estos puntos de verificación se

establecen los niveles de conformidad:

Todos los puntos de verificación de

prioridad 1 se satisfacen

Todos los puntos de verificación de prioridad 1 y 2 se satisfacen

Todos los puntos de verificación de

prioridad 1, 2 y 3 se satisfacen

Nivel de Conformidad “A”Nivel de Conformidad “A”

Nivel de Conformidad Nivel de Conformidad “Doble A”“Doble A”

Nivel de Conformidad Nivel de Conformidad “Triple A”“Triple A”

Page 12: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

Resumen de Estándares para los sitios DGEST:Resumen de Estándares para los sitios DGEST: Identidad Gráfica (logotipos

vectoriales y transparentes) Buscador y mapa de sitio Leyendas de no responsabilidad del

Tecnológico en dominios que no dependen de él.

Hojas de Estilo para mejorar accesibilidad con un mínimo desarrollo

Consideración de fuentes, colores y contrastes.

Otros Estándares que acordemos al final de esta reunión

Page 13: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

¿ Cómo ?¿ Cómo ?

Pautas de Accesibilidad

Estándares DGEST

Page 15: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

Herramientas de Validación en línea:Herramientas de Validación en línea:

http://validator.w3.org/

http://jigsaw.w3.org/css-validator

http://www.htmlhelp.com/tools/validator/

Page 16: ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia

Muchas Gracias por su atención…