Accesibilidad Web
WCAG 2.0
Por una Comunicación Inclusiva.
Porque es un Derecho.
Accesibilidad a la Web.
Principio del
Acceso Diseño Universal:
!
TTodo bien, producto o servicio que se diseñe para uso
de la sociedad debe poder ser utilizado por todas y cada
una de las personas que viven en esa sociedad.
Accesibilidad a la Web.
Pautas para el Acceso
WCAG al Contenido Web:
!
• Son normas técnicas que todo diseñador de sitios web debe respetar para
que el sitio web que está produciendo sea 100% accesible para todos.
!
• Son promovidas por el World Wide Web Consortium:
!
http://www.w3c.org/wai
Accesibilidad a la Web.
WCAG
Versión 1.0
Accesibilidad a la Web.
WCAG
Versión 1.0 Versión 2.0
• Mayo de 1999.
• 11 de diciembre de 2008.
Accesibilidad a la Web.
WCAG Versión 1.0
Son 14 pautas.
Cada pauta tiene varios puntos de verificación
asociados.
!
• Pauta.
• Punto de Verificación.
Accesibilidad a la Web.
WCAG
Versión 1.0 Versión 2.0
Accesibilidad a la Web.
WCAG Versión 2.0
Ahora son 12 pautas.
Las pautas se han reagrupado en 4 principios.
!
• Principios.
• Pauta de accesibilidad.
• Criterio de Éxito..
Accesibilidad a la Web.
WCAG Versión 2.0
Principios::
!
• Contenido Perseptible.
• Contenido Operable.
• Contenido Comprensible.
• Contenido Robusto.
Accesibilidad a la Web.
WCAG Versión 2.0
Dos Nuevos Conceptos::
!
• Tecnologías accesiblemente soportadas.
• Contenido programablemente determinado.
Accesibilidad a la Web.
WCAG Niveles de
Conformidad:
• Pautas de primer nivel. Nivel A.
• Pautas de segundo nivel. Nivel AA.
• Pautas de tercer nivel. Nivel AAA.
Accesibilidad a la Web.
WCAG Niveles de
Conformidad:
Pautas de Primer Nivel:
!
• Si no se aplican uno o más grupos de usuarios encontrarán
imposibleacceder a la información del documento.
• Son requerimientos básicos para que algunos grupos puedan usar los
documentos web.
Accesibilidad a la Web.
WCAG Niveles de
Conformidad:
Pautas de Segundo Nivel:
!
• Si no se aplican uno o más grupos encontrarán dificultades en el acceso
a la información del documento.
• Satisfacer este punto de verificación eliminará importantes barreras de
acceso a los documentos web.
Accesibilidad a la Web.
WCAG Niveles de
Conformidad:
Pautas de Tercer Nivel:
!
• De otra forma, uno o más grupos de usuarios encontrarán alguna
dificultad para acceder a la información del documento.
• Satisfacer este punto de verificación mejorará la accesibilidad de los
documentos web.
Accesibilidad a la Web.
WCAG Declaraciones de
Conformidad:
• Aplica a páginas web completas.
• Puede hacerse una declaración de conformidad
parcial.
• Declaraciones de procesos completos (varias páginas).
Accesibilidad a la Web.
WCAG Documentos de la
WCAG 2.0
• 1. Referencia Rápida de las Pautas 2.0 (en inglés).
• 2. Comprender las Pautas 2.0 (en inglés).
• 3. Técnicas para las Pautas 2.0 (en inglés).
Accesibilidad a la Web.
Tips:
!
1.
Imagenes y
Animaciones:
!
• Use el atributo “alt” para
describir la función de
cada elemento visual.
Accesibilidad a la Web.
Tips:
!
2. Mapas de Imágenes:
!
• Use el elemento “map” y
texto para las zonas activas.
Accesibilidad a la Web.
Tips:
!
3. Multimedia:
!
• Proporcione subtítulos y
transcripción del sonido, y
descripción del vídeo.
Accesibilidad a la Web.
Tips:
!
4. Enlaces de Hipertexto:
!
• Use texto que tenga sentido
leído fuera de contexto. Por
ejemplo, evite "pincha aquí".
Accesibilidad a la Web.
Tips:
!
5.
Organización de las Páginas:
!
• Use encabezados, listas y
estructura consistente.
• Use CSS para la maquetación
donde sea posible.
Accesibilidad a la Web.
Tips:
!
6. Figuras y Diagramas:
!
• Describalos brevemente
en la pagina o use el
atributo “longdesc”.
Accesibilidad a la Web.
Tips:
!
7. Scripts, applets y plug-ins:
!
• Ofrezca contenido alternativo si
las funciones nuevas no son
accesibles.
Accesibilidad a la Web.
Tips:
!
8.
!
Marcos (frames):
!
• Use el elemento noframes
y títulos con sentido.
Accesibilidad a la Web.
Tips:
!
9. !
Tablas:
• Facilite la lectura línea a línea.
Resuma.
• No use tablas para maquetar.
Accesibilidad a la Web.
Tips:
!
10 Revise su Trabajo:
!
• Verifique. Use las herramientas,
. puntos de comprobación y pautas
WCAG.
Accesibilidad a la Web.
¿Qué dice la Norma?
Igualdad de
Oportunidades
Ley 7600. para las Personas
con Discapacidad
!
ARTÍCULO 50.- Información Accesible
!
• Las instituciones públicas y privadas deberán garantizar que
la información dirigida al público sea accesible a todas las
personas, según sus necesidades particulares.
¿Qué dice la Norma?
Convención sobre
los Derechos de
Ley 8661. las Personas con
Discapacidad (ONU).
!
ARTÍCULO 9.-Accesibilidad:
!
• A fin de que las personas con discapacidad puedan vivir en forma independiente y participar
plenamente en todos los aspectos de la vida, los Estados Partes adoptarán medidas pertinentes
para asegurar el acceso de las personas con discapacidad, en igualdad de condiciones con las
demás, al entorno físico, el transporte, la información y las comunicaciones, incluidos los
sistemas y las tecnologías de la información y las comunicaciones, y a otros servicios e
instalaciones abiertos al público o de uso público, tanto en zonas urbanas como rurales...
¿Qué dice la Norma?
Convención sobre
los Derechos de
Ley 8661. las Personas con
Discapacidad (ONU).
!
ARTÍCULO 9.-Accesibilidad:
!
• Estas medidas se aplicarán a:
!
★ Los servicios de información, comunicaciones y de otro tipo, incluidos los
servicios electrónicos y de emergencia.
¿Qué dice la Norma?
Convención sobre
los Derechos de
Ley 8661. las Personas con
Discapacidad (ONU).
!
ARTÍCULO 9.-Accesibilidad:
!
• Los Estados Parte deberán:
!
★ Ofrecer formación a todas las personas involucradas en los problemas de accesibilidad a que se
enfrentan las personas con discapacidad;
★ Promover otras formas adecuadas de asistencia y apoyo a las personas con discapacidad para
asegurar su acceso a la información;
¿Qué dice la Norma?
Convención sobre
los Derechos de
Ley 8661. las Personas con
Discapacidad (ONU).
!
ARTÍCULO 9.-Accesibilidad:
!
• Los Estados Parte deberán:
!
★ Promover el acceso de las personas con discapacidad a los nuevos sistemas y tecnologías de la información
y las comunicaciones, incluida Internet;
★ Promover el diseño, el desarrollo, la producción y la distribución de sistemas y tecnologías de la información y
las comunicaciones accesibles en una etapa temprana, a fin de que estos sistemas y tecnologías sean
accesibles al menor costo.
¿Qué dice la Norma?
Pirámide del Derecho:
• Constitución Política.
• Convenios y Tratados Internacionales.
• Leyes Nacionales.
• Reclamentos.
Tecnología Adaptativa:
Lectura y Escritura Braille:
Máquina Braille Perkins.
Tecnología Adaptativa:
Dispositivos Electrónicos:
JAWS / nvda
VoiceOver for Macintosh
ORCA for Linux
Sistema Operativo. Software Lector de Pantalla.
Tecnología Adaptativa:
Dispositivos Electrónicos:
JAWS / nvda NVDA
Soft Libre.
VoiceOver for Macintosh
ORCA for Linux
Sistema Operativo. Software Lector de Pantalla.
Tecnología Adaptativa:
Dispositivos Electrónicos:
Braille Display. Impresora Braille (emboser).
Tecnología Adaptativa:
Dispositivos Electrónicos:
Braille Display
Eco Plus 80.
Tecnología Adaptativa:
Dispositivos Electrónicos:
En la clase.
Tecnología Adaptativa:
Dispositivos Electrónicos:
Tomador de Notas con teclado
Braille.
Tecnología Adaptativa:
Dispositivos Electrónicos:
PacMate: Tomador de Notas
con teclado estándar.
Tecnología Adaptativa:
Dispositivos Electrónicos:
Teclado de teclas
extragrandes.
Tecnología Adaptativa:
Dispositivos Electrónicos:
Usando puntero vocal.
Tecnología Adaptativa:
Dispositivos Electrónicos:
TextoiOS:
VoiceOver
Tecnología Adaptativa:
Dispositivos Electrónicos:
Android:
TalkBack.
TextoiOS:
VoiceOver
Conclusiones:
– Las NTICs accesibles se convierten en el
principal medio de información y comunicación
para personas con discapacidad.
!
– Posibilita que todas las personas puedan
participar en sistemas de Teletrabajo.
!
– Permite la participación en iniciativas de “e-
goberment”, “e-comerce” y “e-learning”.
!
Garantiza la participación de todos y
todas en la sociedad de la información.
¡Gracias!
!
!
Bach. Leonardo Segura Peñaranda.
Web: http://www.leosegura.net
E-mail: info@leosegura.net
Twitter: @leosegura
