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

QUÉ ES “ACCESIBILIDAD WEB”?

Qué es “accesibilidad web”?

Al hablar de accesibilidadweb, hacemos referencia a undiseño que va a permitir quepersonas con algún tipo dediscapacidad o de avanzada edadpuedan interactuar con la web.

BENEFICIOSY dificultades

“

◦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)

◦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

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

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

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

◦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

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

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

¿CÓMO APLICARLA?Guías y recursos

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

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

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

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

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

ROBUSTO

◦Maximizar la compatibilidad con herramientas actuales y futuras.

WCAG 2.0

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

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

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

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

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

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

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

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

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

CONFORMDADNiveles

◦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

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

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

◦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

TENDENCIAS FUTURAS

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

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

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

ERRORES TÍPICOS

◦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

◦Usar acrónimos y abreviaciones.

◦No hacer pruebas con lectores de pantalla.

ERRORES TÍPICOS

◦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

REFERENCIAS MULTIMEDIA

EXPERIENCIAS DE USUARIOS CON DISCAPACIDADES -https://www.youtube.com/watch?v=BEFgnYktC7U&feature=youtu.be

ACCESIBILIDAD EN MENTE -https://www.youtube.com/watch?v=yx7hdQqf8lE&feature=youtu.be -

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/Observatorio_infoaccesibilidad/ventajasaccesibilidadsitioweb/Paginas/ventajasdelaaccesibilidad.aspx. - (Recuperado el 1 6 de mayo de 2016).

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).

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).

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).

GRACIAS