Accesibilidad web, que es, su importancia, beneficios sociales, beneficios técnicos, beneficios económicos y financieros, como aplicarla, pautas de accesibilidad, iniciativa de la W3C, niveles de conformidad, tendencias futuras, errores comunes, enlaces a material de apoyo, material multimedia y referencias bibliográficas.

1. Accesibilidad Web
Jesús Jiménez
Yulbais Seijas
Profesora: Elluz Uzcategui
Universidad de Carabobo
Facultad Experimental de Ciencias y Tecnología
Departamento de Computación
Desarrollo de Aplicaciones Web
18 de Mayo, 2016

2. QUÉ ES
“ACCESIBILIDAD WEB”?

3. Qué es “accesibilidad web”?
Al hablar de accesibilidad
web, hacemos referencia a un
diseño que va a permitir que
personas con algún tipo de
discapacidad o de avanzada edad
puedan interactuar con la web.

4. BENEFICIOS
Y dificultades

5. “
◦Tu usuario más importante es ciego. La mitad
de las visitas a tu sitio vienen de Google, y
Google sólo ve lo que un ciego puede ver. Si tu
sitio no es accesible, tendrás menos visitas. Fin
de la historia. (Steven Pemberton)

6. ◦La web es un recurso cada vez más grande que afecta
muchos aspectos de la vida: educación, empleo,
gobierno, comercio, salud, recreación, interacción social,
etc.
◦Es esencial que la web sea accesible con el fin de
proveer igualdad de oportunidades a personas con
discapacidades.
ASPECTOS SOCIALES

7. IGUALDAD DE OPORTUNIDADES
◦La web ofrece una oportunidad sin precedentes para el
acceso a la información por personas con
discapacidades.
◦Al igual que para la interacción social.
ASPECTOS SOCIALES

8. BARRERAS EN EL USO DE LA WEB
◦Mayor parte de los desarrolladores web no hacen sus
páginas y herramientas web accesibles.
◦Esto ocasiona que personas con necesidades de
accesibilidad tengan dificultades innecesarias, llegando
incluso a impedirles el uso de la web.
ASPECTOS SOCIALES

9. PERSONAS SIN DISCAPACIDADES
◦Personas mayores
◦Personas de escaso alfabetismo o con poco dominio del
idioma.
◦Personas con conexiones lentas.
◦Usuarios inexpertos.
◦Usuarios de tecnología móvil.
ASPECTOS SOCIALES

10. ◦Al diseñar conforme a estándares de accesibilidad, se
garantiza la equivalencia de contenido entre distintos
navegadores y dispositivos.
◦Facilita la depuración de código. Gracias a herramientas
automatizadas.
◦Mejor indexación en los motores de búsqueda.
ASPECTOS TÉCNICOS

11. INCREMENTO EN EL USO DE LOS SITIOS WEB
◦Incrementa el potencial uso por más personas.
◦Incrementa el uso potencial en más situaciones.
◦Incrementa la usabilidad.
◦Le da mejor imagen a la compañía.
ASPECTOS FINANCIEROS

12. AHORROS EN COSTOS
◦Reduce gastos potenciales en asuntos legales.
◦Reduce costos en traducciones.
◦Reduce costos en personal al facilitar entrenamiento,
soporte, sistemas de evaluación y reclutamiento a través
de su web.
ASPECTOS FINANCIEROS

13. ¿CÓMO APLICARLA?
Guías y recursos

14. TENER EN CUENTA
◦Conocimiento, la mayoría de los errores de accesibilidad
en sitios web se deben a falta de conocimiento.
◦Liderazgo, si una organización no expresa su
compromiso con la accesibilidad web, pocos o ningún
programador hará su propio contenido accesible.
◦Políticas y procedimientos, si las ideas no están
respaldadas por normas, tenderán a perderse con el
tiempo.
APLICAIÓN DE LA ACCESIBILIDAD WEB

15. WCAG 2.0
◦Son una serie de documentos, desarrollados por la W3C
en cooperación con organizaciones de todo el mundo,
que tienen el objetivo de proveer un estándar para la
accesibilidad de contenido web.
◦Se basa en 4 principios:
◦Perceptible
◦Operable
◦Entendible
◦Robusto
PAUTAS DE ACCESIBILIDAD DE CONTENIDO WEB 2.0

16. PERCEPTIBLE
◦Proveer texto alternativo para contenido no textual.
◦Proveer subtítulos y otras alternativas para el contenido
multimedia.
◦Crear contenido que pueda ser presentado de
diferentes maneras sin perder sentido.
◦Hacer el contenido fácil de ver y escuchar para los
usuarios.
WCAG 2.0

17. OPERABLE
◦Hacer toda la funcionalidad operable desde el teclado.
◦Dar a los usuarios suficiente tiempo para leer y usar el
contenido.
◦No usar contenido que pueda obstaculizar.
◦Ayudar a los usuarios a navegar y encontrar contenido.
WCAG 2.0

18. ENTENDIBLE
◦Asegurarse de que el texto sea entendible.
◦Hacer que el contenido opere de forma predecible.
◦Ayudar a los usuarios a evitar y corregir errores.
WCAG 2.0

19. ROBUSTO
◦Maximizar la compatibilidad con herramientas actuales
y futuras.
WCAG 2.0

20. WAI
◦Es una iniciativa de la W3C que desarrolla estrategias,
guías, pautas y recursos para ayudar en el desarrollo de
una web accesible.
INICIATIVA DE ACCESIBILIDAD WEB

21. INFORMACIÓN
◦Información completa que ayuda a comprender la
accesibilidad web.
◦Información que ayuda a entender como se relaciona la
accesibilidad web con cada empresa u organización en
particular.
◦Tips para adentrarse en la accesibilidad web.
◦Información para ayudar a usuarios a navegar más
fácilmente en la web.
WAI

22. Diseño para inclusión
◦Información para comprender cómo las personas con
discapacidades usan la web.
◦Guías para el desarrollo de sitios web para personas
mayores.
◦Guías para la accesibilidad en dispositivos móviles.
◦Guías para la integración de la accesibilidad en
dispositivos móviles y para personas con discapacidades
en conjunto.
WAI

23. Pautas y Técnicas
◦Documentación de WCAG y sus guías de referencia.
◦Pautas para el diseño de herramientas de edición de
contenido para personas con discapacidades.
◦Pautas para el diseño de proveedores de contenido web
dirigidos a personas con discapacidades.
◦Guías para el desarrollo de contenido dinámico
accesible.
WAI

24. Pautas y Técnicas
◦Guías para el desarrollo de interfaces accesibles.
◦Pautas para el diseño de herramientas de edición de
contenido para personas con discapacidades.
◦Documentación técnica de códigos CAPTCHA accesibles.
WAI

25. Planificación e Implementación
◦Consideraciones en la creación de políticas en
organizaciones.
◦Descripciones de actividades que ayudan a integrar
accesibilidad en empresas y proyectos.
◦Guías para la integración de gerentes, diseñadores y
desarrolladores en las implementaciones accesibles.
◦Guías para la selección de herramientas accesibles de
terceros.
WAI

26. Recursos de Evaluación de Accesibilidad
◦Pasos para una primera revisión de la accesibilidad web.
◦Metodologías y enfoques para determinar que tan bien
se cumplen las Pautas de Accesibilidad de Contenido
Web (WCAG 2.0).
◦Herramientas de generación de reportes de evaluación
de accesibilidad.
◦Guías para la inclusión de personas con discapacidades
en la evaluación.
WAI

27. Recursos de Evaluación de Accesibilidad
◦Guías para la selección de herramientas de evaluación.
◦Listas de herramientas de evaluación.
◦Guías para la composición y entrenamiento de equipos
de evaluadores.
◦Plantillas para la elaboración de reportes de evaluación.
WAI

28. Tutoriales y Presentaciones
◦Tutoriales de Accesibilidad Web.
◦Ejemplos de sitios web inaccesibles, accesibles y
reportes de evaluación.
◦Guías para hacer presentaciones accesibles.
◦Guías para desarrollar entrenamiento en accesibilidad
web.
WAI

29. CONFORMDAD
Niveles

30. ◦Cada una de las pautas de WCAG está marcada con un
nivel de prioridad dependiendo de que tanta
accesibilidad se deja de prestar por su incumplimiento:
◦Prioridad 1: De no cumplirse, ciertos usuarios no podrían
acceder a la información.
◦Prioridad 2: De no cumplirse, para ciertos usuarios sería
muy difícil acceder a la información.
◦Prioridad 3: De no cumplirse, ciertos usuarios podrían
tener ciertas dificultades para acceder a la información.
CONFORMIDAD

31. Para que una página web cumpla con las pautas, deben
conformarse todos los siguientes requerimientos:
1) Uno o varios niveles de conformidad:
◦Nivel A: Cumple con todas las pautas de prioridad 1.
◦Nivel AA: Cumple con todas las pautas de prioridad 2.
◦Nivel AAA: Cumple con todas las pautas de prioridad 3.
CONFORMIDAD

32. 2) Páginas completas: Los niveles de conformidad deben
alcanzarse por la página completa.
3) Procesos completos: Si la página es parte de una serie
de páginas que conforman un mismo proceso, todas las
paginas de ese proceso deben cumplir los niveles de
conformidad.
4) Uso exclusivo de tecnologías de modo compatible con
la accesibilidad: Sólo se puede depender de las
tecnologías usadas de forma compatible con la
accesibilidad para satisfacer los criterios de
conformidad.
CONFORMIDAD

33. ◦5) Sin interferencia: Si las tecnologías se usan de forma
incompatible con la accesibilidad, o están usadas de una
forma que no cumple los niveles de conformidad, no
deben impedir a los usuarios acceder al contenido del
resto de la página.
Sin embargo, la página web debe cumplir con los niveles
de conformidad en las siguientes circunstancias:
◦Cuando cualquier tecnología de la que no se depende
está activada en una aplicación de usuario.
◦Cuando cualquier tecnología de la que no se depende
está desactivada en una aplicación de usuario.
◦Cuando cualquier tecnología de la que no se depende
no es soportada por una aplicación de usuario
CONFORMIDAD

34. TENDENCIAS
FUTURAS

35. CSS3 Speech Module
◦Es una propuesta de la W3C que permite crear hojas de
estilo que definen cómo reproducir mediante un
sintetizador de voz un documento XML y, por lo tanto,
una página web.
◦Esto permite que los lectores de pantalla interpreten
estas hojas de estilo para lograr una reproducción más
correcta.
TENDENCIAS FUTURAS

36. CONTROL MENTAL
◦Existen diversas investigaciones dirigidas a interpretar
la información transmitida mediante las conexiones
neuronales del cerebro.
◦Esto permite que se controle una prótesis o un
computador para acceder a la web únicamente usando
señales cerebrales.
TENDENCIAS FUTURAS

37. WEB SEMÁNTICA
◦Consiste en añadir metadata con información semántica
a las páginas web que permita describir el contenido, su
significado y la relación que guarda un dato con otros.
TENDENCIAS FUTURAS

38. ERRORES TÍPICOS

39. ◦Colocar mucho texto alternativo en las imágenes
cuando debe ser corto sucinto.
◦Usar caracteres aleatorios para separar los enlaces
unos de otros cuando se debe utilizar texto no enlazado.
◦Pre-insertar texto en campos vacíos de formularios.
◦Usar teclas como atajos para enlaces, esto puede
sobreescribir atajos usados por los lectores de pantalla.
◦Estructurar incorrectamente el contenido.
ERRORES TÍPICOS

40. ◦Usar acrónimos y abreviaciones.
◦No hacer pruebas con lectores de pantalla.
ERRORES TÍPICOS

41. ◦Pautas de Accesibilidad Web para el Contenido Web
(WCAG) 2.0 de la W3C. -
http://www.sidar.org/traducciones/wcag20/es/
◦Iniciativa de Accesibilidad Web de la W3C. -
https://www.w3.org/WAI/
RECURSOS

42. REFERENCIAS MULTIMEDIA
EXPERIENCIAS DE USUARIOS CON DISCAPACIDADES -
https://www.youtube.com/watch?v=BEFgnYktC7U&fea
ture=youtu.be
ACCESIBILIDAD EN MENTE -
https://www.youtube.com/watch?v=yx7hdQqf8lE&fea
ture=youtu.be -

43. REFERENCIAS BIBLIOGRÁFICAS
Universidad de Alicante. Beneficios de la Accesibilidad Web. -
http://accesibilidadweb.dlsi.ua.es/?menu=beneficios - . - (Recuperado el
1 de marzo de 2016).
W3C. Developing a Web Accessibility Business Case for Your
Organization. - https://www.w3.org/WAI/bcase/Overview. -
(Recuperado el 1 5 de mayo de 2016).
Discapnet. Ventajas de la accesibilidad. -
http://www.discapnet.es/Castellano/areastematicas/Accesibilidad/Obs
ervatorio_infoaccesibilidad/ventajasaccesibilidadsitioweb/Paginas/vent
ajasdelaaccesibilidad.aspx. - (Recuperado el 1 6 de mayo de 2016).

44. REFERENCIAS BIBLIOGRÁFICAS
Universidad de Alicante. Introducción a la Accesibilidad Web. -
http://accesibilidadweb.dlsi.ua.es/?menu=introduccion. - (Recuperado
el 1 de marzo de 2016).
W3C. WCAG 2 at a Glance. -
https://www.w3.org/WAI/WCAG20/glance/. - (Recuperado el 17 de
mayo de 2016).
Universidad de Alicante. Niveles de adecuación de WCAG 2.0. -
http://accesibilidadweb.dlsi.ua.es/?menu=niveles-2.0. - (Recuperado el
23 de mayo de 2016).

45. REFERENCIAS BIBLIOGRÁFICAS
W3C. Guía Breve de Accesibilidad Web. -
http://w3c.es/Divulgacion/GuiasBreves/Accesibilidad. - (Recuperado el
23 de mayo de 2016).
Universidad de Alicante. Futuro>CSS. -
http://accesibilidadweb.dlsi.ua.es/?menu=fu-css. - (Recuperado el 23 de
mayo de 2016).
Universidad de Alicante. Futuro>Hardware. -
http://accesibilidadweb.dlsi.ua.es/?menu=fu-hardware. - (Recuperado
el 23 de mayo de 2016).

46. REFERENCIAS BIBLIOGRÁFICAS
Universidad de Alicante. Futuro>Semántica. -
http://accesibilidadweb.dlsi.ua.es/?menu=fu-semantica. - (Recuperado
el 23 de mayo de 2016).
Trenton Moss (1 de enero de 2008). 10 common errors when
implementing accessibility. - http://www.webcredible.com/blog/10-
common-errors-when-implementing-accessibility/. - (Recuperado el 23
de mayo de 2016).
Universidad de Alicante. Ejemplos de Análisis de Accesibilidad. -
http://accesibilidadweb.dlsi.ua.es/?menu=ej-analisis. - (Recuperado el
23 de mayo de 2016).

47. GRACIAS