Este documento introduce el tema de la accesibilidad web y proporciona información sobre las limitaciones que enfrentan las personas con discapacidades al acceder contenido en línea. Explica los principios de diseño universal y las pautas WCAG 2.0 para lograr sitios web accesibles para todos los usuarios, independientemente de sus capacidades. También describe herramientas de evaluación automática que pueden usarse para verificar el cumplimiento de estándares y pautas de accesibilidad.
Disclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a los autores originales y presentarlo en un formato apropiado para servir de apoyo a sus clases. No obstante, esta presentación puede contener opiniones del autor (en lo posible, pocas...).
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebJesus Jimenez
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.
Un video que explica qué es la accesibilidad web. Este recurso forma parte de la serie Microaprendizaje ¿Qué es? del área Accesibilidad, producida en el marco del plan Aprender Conectados.
Míralo a continuación:
https://uii.io/accesibilidadwebvideo
Disclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a los autores originales y presentarlo en un formato apropiado para servir de apoyo a sus clases. No obstante, esta presentación puede contener opiniones del autor (en lo posible, pocas...).
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebJesus Jimenez
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.
Un video que explica qué es la accesibilidad web. Este recurso forma parte de la serie Microaprendizaje ¿Qué es? del área Accesibilidad, producida en el marco del plan Aprender Conectados.
Míralo a continuación:
https://uii.io/accesibilidadwebvideo
Versión actualizada en https://www.slideshare.net/secret/cXsDP9Z518IVNy
* Presentado por primera vez en las Primeras Jornada de Tecnologías Abiertas, de la Universidad Nacional de José C. Paz, en Mayo 2015.
* Actualizada en Mayo 2017 para presentación en meetup de Interaction Design Foundation Buenos Aires, en Digital House.
Temas:
* Cómo navegan la Web personas c/discapacidad
* Barreras que encuentran
* Mitos de la accesibilidad
* Como hacer Web accesible
Presentación historia de los blogs, evolución, características y tipos.
Asignatura: Principios, procesos y métodos de diseño.
Pontificia Universidad Javeriana Cali
Accesibilidad web para el sector turísticoInés Laitano
Capacitación dictada en el marco del proyecto “Interfaces digitales accesibles para el desarrollo del turismo local en la ciudad de Rosario”, aprobado y financiado por la Secretaría de Vinculación Tecnológica y Desarrollo Productivo de la Universidad Nacional de Rosario.
Fichas de producto para dominar el mundo (Online) Quondos World Record📊 Isidro Pérez Ramón
Fichas de prpoducto para dominar el mundo (Online), fichas de producto para dominarlos a todos ...y atraerlos a las tinieblas...mucho ecommerce y fichas de producto y de paso ayudar a conseguir el World Quondos Record en esta maratón de Marketing Online celebrada en Fundesem Alicante.
Documento elaborado por el Observatorio para la Calidad de la Formación en Salud para ayudar a los usuarios de la aplicación GPDI, con perfil de responsable, para actualizar la relación de profesionales adscritos a la unidad.
Versión actualizada en https://www.slideshare.net/secret/cXsDP9Z518IVNy
* Presentado por primera vez en las Primeras Jornada de Tecnologías Abiertas, de la Universidad Nacional de José C. Paz, en Mayo 2015.
* Actualizada en Mayo 2017 para presentación en meetup de Interaction Design Foundation Buenos Aires, en Digital House.
Temas:
* Cómo navegan la Web personas c/discapacidad
* Barreras que encuentran
* Mitos de la accesibilidad
* Como hacer Web accesible
Presentación historia de los blogs, evolución, características y tipos.
Asignatura: Principios, procesos y métodos de diseño.
Pontificia Universidad Javeriana Cali
Accesibilidad web para el sector turísticoInés Laitano
Capacitación dictada en el marco del proyecto “Interfaces digitales accesibles para el desarrollo del turismo local en la ciudad de Rosario”, aprobado y financiado por la Secretaría de Vinculación Tecnológica y Desarrollo Productivo de la Universidad Nacional de Rosario.
Fichas de producto para dominar el mundo (Online) Quondos World Record📊 Isidro Pérez Ramón
Fichas de prpoducto para dominar el mundo (Online), fichas de producto para dominarlos a todos ...y atraerlos a las tinieblas...mucho ecommerce y fichas de producto y de paso ayudar a conseguir el World Quondos Record en esta maratón de Marketing Online celebrada en Fundesem Alicante.
Documento elaborado por el Observatorio para la Calidad de la Formación en Salud para ayudar a los usuarios de la aplicación GPDI, con perfil de responsable, para actualizar la relación de profesionales adscritos a la unidad.
Mapa tipo de competencias profesionales para el puesto de responsable de accesibilidad hospitalaria, definido en el ámbito del modelo de Gestión de Planes de Desarrollo Individual del Sistema Sanitario Público de Andalucía.
Mapa tipo patrón de competencias profesionales para la categoría de soporte administrativo, definido en el ámbito del modelo de Gestión de Planes de Desarrollo Individual del Sistema Sanitario Público de Andalucía.
Dia 1 - SESIÓN 1:
INTRODUCCIÓN A LA ACCESIBILIDAD WEB
Dirigido a: Gestores y los tomadores de decisión, autores de contenido web y diseñadores visuales, desarrolladores de sitios web y programadores de aplicaciones y otras audiencias clave
Objetivos de aprendizaje:
- Explicar la importancia de la accesibilidad web para personas con discapacidad y las personas mayores
- Enumerar las barreras comunes que experimentan las personas con discapacidad y las personas mayores
- Describir los beneficios de la accesibilidad web para personas con y sin discapacidad
- Entienden que el W3C / WAI Directrices son el estándar internacional para la accesibilidad web
Resumen:
Descripción general de la accesibilidad web, incluyendo la accesibilidad web es lo que y por qué es importante
Vídeos que muestran las personas con discapacidad utilizando la Web
Información sobre el envejecimiento de la población y las deficiencias relacionadas con el envejecimiento
La legislación pertinente u otras políticas aplicables a las organizaciones participantes
Traspaso de beneficios del diseño universal para personas con y sin discapacidad
beneficios comerciales de la accesibilidad web, incluyendo algunos estudios de casos
experiencias que se solapan de las personas con discapacidad y los usuarios móviles
Introducción a las directrices WAI como el estándar internacional para hacer la Web accesible
Argentesting 2019 - Testing de accesibilidad: un valor agregado cómo profesio...Argentesting
Testing de accesibilidad: un valor agregado cómo profesional y para el mundo por Gisela Amato y Susana Pallero
Sobre el taller:
Este taller pretende concientizar sobre la importancia de la accesibilidad web a la vez que brindar herramientas que den a la audiencia bases de análisis, diagnóstico y pruebas de accesibilidad.
Sobre Gisela:
Gisela Amato es Tester Certificada en ISTQB con más de 10 años de experiencia en Testing y amplios conocimientos en el ámbito de la accesibilidad, no solo web.
Ha liderado varios equipos durante su carrera y brindado cursos de entrenamiento en testing, calidad y diversas certificaciones. Actualmente trabaja en una empresa de cyber seguridad desempeñando roles de QA, Scrum Master e Instructora.
Sobre Susana:
Susana Pallero es Tester Certificada en ISTQB y especializada en Accesibilidad con más de 5 años de experiencia en este campo. Miembro de Mujeres en Tecnología Córdoba, colabora con diversos colectivos latinoamericanos impartiendo charlas y talleres para generar conciencia sobre la inclusión digital de personas con discapacidad y brindando herramientas que permitan a los profesionales trabajar con una perspectiva inclusiva.
PUXL Ambassador America, actualmente se desempeña como Quality & Accessibility Manager en VR4.
Requerimientos:
Sería muy bueno que tenas instalado Firefox con Fireyes pero no es excluyente.
¿A qué nos referimos cuando hablamos de Heurística? ¿Cómo podemos aplicar los principios heurísticos para mejorar la experiencia de nuestros usuarios? Ejemplos
¿A QUÉ NOS REFERIMOS CON HEURÍSTICA?
Son lineamientos para reducir las frustraciones que un usuario puede tener al utilizar nuestro sistema. Son una guía de buenas prácticas. No deben ser tomadas como mandamientos.
Material de Apoyo para impartir la asignatura de Herramientas Tecnológicas aplicadas a nivel licenciatura, este material contiene una compilación de los conocimientos básicos a considerar para todo estudiante de licenciatura que se apoya con las TIC y que puede tomar como base para su formación como futuro egresado y competitivo en el campo laboral
Shift left a11y: Haz tu aplicación accesible para más de mil millones de usua...Lisandra Armas
Hoy en día, los dispositivos móviles son una extensión del cuerpo humano, teniendo en nuestras manos o bolsillos un poder de cómputo incluso mayor que la computadora que fue utilizada para el aterrizaje de los astronautas de la NASA en la Luna!
Como sociedad, dependemos cada vez más de esta tecnología que ya es una parte integral de nuestras vidas. Actualmente, existen más de 1.200 millones de sitios web en Internet y más de 5.8 millones de aplicaciones móviles, pero ¿cuántas aplicaciones y sitios son accesibles?
Cuando una compañía lanza una aplicación al mercado, debe considerar la accesibilidad como un factor importante en sus aplicaciones debido a que estaría dejando sin acceso a más de mil millones de personas en todo el mundo que se encuentran en situación de discapacidad; para evitarlo es esencial que desde nuestros roles en los proyectos seamos defensores del diseño y desarrollo accesible.
Si no conocés sobre el tema o te interesa explorarlo más, entonces esta charla es para vos! Qué es la a11y, la wcag 2.1, sus principios y los criterios fundamentales, serán de los principales temas que estaremos abordando.
Presentación usada en el curso "Sobrevivir a WCAG 2.0: Guía de utilización y aplicación" impartido por Daniel Torres Burriel en Madrid el miércoles 16 de Septiembre de 2009.
En esta presentación se muestra la importancia de ir más allá de lo convencional en el diseño, nos lleva a pensar en los usuarios en situación de discapacidad que no pueden acceder de manera efectiva al uso de los productos y servicios con el fin de crear conciencia sobre el diseño.
Primero empiezo con una breve introducción sobre accesibilidad web: objetivos, WAI, WCAG, etc.
Después enumero las directrices POUR: Perceptible, Operable, Comprensible, Robusto
Luego cuento los mitos de la accesibiliad web y los beneficios que obtenemos siguiendo las pautas de accesibilidad web.
Seguidamente, enumero los problemas de discapacidad, e intento mostrar como navegan los usuarios con dichas discapacidades.
También enumero los dispositivos harware y software que los usuarios con discapacidad suelen utilizar.
Continúo contando de una forma general los desafíos de las personas con discapacidad y las posibles soluciones, enumerando justo después los principios claves a tener en cuenta cuando desarrollamos una aplicación web.
Acto seguido, muestro trucos y códigos de ejemplo de los elementos más importantes a tener en cuenta: imágenes y animaciones, mapas de imagen, elementos multimedia, enlaces, organización de las páginas, figuras y diagramas, scripts, frames, tablas, formularios y elementos repetitivos
Para terminar enumero ciertas herramientas que nos pueden ser útiles para validar la accesibilidad web.
DIA 1 - SESIÓN 1.2: COMPONENTES DE LA ACCESIBILIDAD WEB
Dirigido a: Gestores y los tomadores de decisión, autores de contenido web y diseñadores visuales, desarrolladores de sitios web y programadores de aplicaciones y otras audiencias clave
Objetivos de aprendizaje:
- Explicar los componentes de la accesibilidad web, incluidas las herramientas de creación y los agentes de usuario
- Explicar el papel de las Directrices W3C / WAI en la provisión de una norma técnica para la accesibilidad
- Definir los conceptos básicos de WCAG 2.0, sus principios y directrices de organización
- Describir la importancia de las herramientas de creación que soportan la producción de contenido accesible
- Describir los beneficios de involucrar a personas con discapacidades en cualquier desarrollo web
Resumen:
Sesión experiencial práctica que muestra el uso de estrategias adaptativas y tecnologías de asistencia
Introducción a los componentes de la accesibilidad web
Introducción a WCAG 2.0, sus cuatro principios básicos de diseño y directrices
Beneficios de WCAG 2.0
1. Accesibilidad
Introducción
Disclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a los
autores originales y presentarlo en un formato apropiado para servir de apoyo a las clases en Facultad de Ingeniería . No obstante, esta
presentación puede contener opiniones del autor (en lo posible, pocas...).
10. Limitaciones en el acceso a la
web (1)
Discapacidades Visuales
• Ceguera, baja visión, problemas para distinguir colores.
• Imágenes sin alternativa textual
• Imágenes complejas sin descripción
• Fuentes de texto con medidas absolutas
• Falta de contraste en colores
• Información transmitida con colores
11. Limitaciones en el acceso a la
web (2)
Discapacidades Auditivas
• Sordera parcial o total
• Falta de alternativas textuales a información sonora
• Lenguaje no claro
12. Limitaciones en el acceso a la
web (3)
Discapacidades Motrices
• Dificultad o imposibilidad de mover las manos, temblores
o lentitud muscular etc.
• Tiempo limitado de espera de respuesta
• No soporte de alternativas de teclado
13. Limitaciones en el acceso a la
web (4)
Discapacidades Cognitivas
• Dificultad de aprendizaje (Dislexia) o discapacidades
cognitivas que afecten la memoria, la atención, las
habilidades lógicas etc.
• Textos no claros
• Dificultades en la navegación
• Única forma de transmitir información
14. Limitaciones en el acceso a la
web (5)
• Limitaciones asociadas con la edad avanzada
• Visión, audición, motrices, memoria
• Limitaciones Tecnológicas
• Tecnología antigua o muy nueva,
• Limitaciones de ancho de banda,
• Uso de computadora con limitaciones de
administración
15. No todos navegamos igual (1)
Si quisieras mirar un video de
Mafalda en el Aeropuerto…
¿Qué palabras se dicen durante los
primeros 25 segundos?
¿Cuántas veces llama Mafalda por su
nombre a su mamá?
Ejercicio 1
http://www.youtube.com/watch?v=T5TBMCekc2g
Ejemplo tomado de: “Introducción a la Accesibilidad Web”. Mario Carvajal. 2008.
http://www.slideshare.net/astromario/curso-de-a-accesibilidad-web-mdulo-1-sensibilizacin
16. No todos navegamos igual (1)
Ejercicio 1
¿Qué solución plantearías?
• Que el usuario lleve siempre
audífonos.
• Que subtitulen los videos.
• Que el usuario se compre un
equipo con sonido más potente.
• Que el usuario no utilice
Internet en espacios públicos.
Ejemplo tomado de: “Introducción a la Accesibilidad Web”. Mario Carvajal. 2008.
http://www.slideshare.net/astromario/curso-de-a-accesibilidad-web-mdulo-1-sensibilizacin
17. No todos navegamos igual (2)
¿Y si no puedes usar el mouse y/o la mano derecha
(o izquierda) …
• Por un accidente
• Porque tener una mano ocupada
• Porque se rompió el mouse
…y necesitaras el teléfono del Departamento de RRHH de la AIN?
Ejercicio 2
http://www.ain.gub.uy/
18. No todos navegamos igual (2)
Ejercicio 2
¿Qué solución plantearías?
• Que tengan siempre un mouse de repuesto.
• Hacer que las funciones sean accesibles por teclado.
• Aconsejar a los usuarios que practiquen usar el mouse con la mano
izquierda para casos de emergencia.
• Que no tomen mate mientras trabajan.
23. La accesibilidad nos beneficia a
TODOS
• También beneficia a usuarios:
– De edad avanzada
– Con conexiones lentas o
tecnologías antiguas
– Con tecnologías muy nuevas
– Operen en contextos no
ideales
– Con bajo nivel de
alfabetización o que no
hablan el idioma
– Nuevos o poco frecuentas
• No solo beneficia a personas con discapacidad
25. ¿Por qué hacer una web
accesible?
• La accesibilidad es rentable
• Mayor Público Objetivo
• Reducción del tiempo de carga
• Mejora en la usabilidad
• Mejora en la indexación
• Usuario ciego más famoso: GOOGLE
• Independencia de dispositivo
• Demostrar Responsabilidad Social
• Reducir la Responsabilidad Legal
Qué tal preguntarnos: Por que no hacerlo???
26. Además …
• No es difícil
• No es más costoso
• No implica diseños primitivos, feos, simples
• No implica crear versiones
Un requisito más
desde el inicio del proyecto
a lo largo de todo el proyecto
por todos los involucrados.
27. Accesibilidad Web
La posibilidad que recursos web
(información y servicios) puedan ser
utilizados de forma satisfactoria por el
mayor número posible de
personas, independientemente de las
limitaciones personales o de
limitaciones derivadas de su
entorno, sean éstas de carácter
físico, mental, educativo, familiar o
socio-económico.
28. Diseño Universal
• La accesibilidad se sustenta en una serie de premisas
llamadas principios del
diseño para todos o diseño universal.
• Objetivo: el diseño de productos y entornos
de fácil uso para el mayor número posible de personas,
sin la necesidad de adaptarlos o rediseñarlos de
una forma especial.
• Sirven para orientar el proyecto entero, desde su
conceptualización, alcance y las especificaciones
29. Diseño universal >> 1) Igualdad
de uso
Diseño útil para personas con
distintas capacidades.
-- Mismas formas de uso
-- Evita segregar o estigmatizar
-- Atractivo para todos
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
30. Diseño universal >> 2)
Flexibilidad
Se adecua a preferencias y
habilidades individuales
• Elección en los métodos
de uso.
• Con la mano derecha e
izquierda.
• Facilita exactitud y
precisión.
• Según el ritmo del
usuario.
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
31. Diseño universal >> 3) Simple e
intuitivo
Fácil de entender, independientemente del usuario-a.
• Elimina complejidad
• Consistente con expectativas e intuición
• Se acomoda a alfabetización y habilidades lingüísticas.
• Información según su importancia.
• Avisos eficaces , respuesta durante y tras la tarea.
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
32. Diseño universal >> 4) Información fácil de
percibir
Intercambiar información independientemente de capacidades sensoriales o condiciones
ambientales.
• Diferentes modos para presentar, redundante
• Contraste suficiente entre información esencial y el resto
• Amplía legibilidad de información esencial.
• Diferencia elementos para que permitan ser descritas
• Compatibilidad con dispositivos utilizados por personas con limitaciones sensoriales.
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
33. Diseño universal >> 5) Tolerante a
errores
Proactividad en cuanto a los
posibles errores que el usuario
pueda cometer en su interacción
procurando minimizarlos en
diseño.
• Elementos más usados, más
accesibles;
• Elementos peligrosos, menos
accesibles.
• Advertencias
• Características seguras de
interrupción.
• Desalienta acciones
inconscientes
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
34. Diseño universal >> 6) Escaso
esfuerzo físico
Debe poder ser usado
eficazmente y con el
mínimo esfuerzo
• Permita mantener una
posición corporal neutra.
• Fuerza razonable
• Minimice acciones
repetitivas.
• Minimice esfuerzo físico
continuado.
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
35. Diseño universal >> 7) Dimensiones
apropiadas
Tamaño y espacio apropiados independientemente del tamaño del cuerpo, postura
o movilidad
• Línea de visión clara y alcance para usuarios sentados y de pie.
• Variaciones de tamaño de la mano o del agarre.
• El espacio para ayudas técnicas o asistencia personal.
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
37. Principios, pautas y criterios de
conformidad de WCAG 2.0
A
•Debe cumplir
AA
•Debería cumplir
AAA
•Si cumple es mucho mejor.
Niveles de Accesibilidad
4
Principios
12
Pautas
61
Criterios de
conformidad
Conceptos
fundamentales
Objetivos Básicos Requisitos concretos a
cumplir, testeables
• Perceptible
• Operable
• Comprensible
• Robusto
38. Documentos complementarios
WCAG 2.0
Pautas de accesibilidad de
contenido web
Como Cumplir Técnicas Comprender
How to meet
WCAG2.0
Techniques for
WCAG 2.0
Understanding
WCAG2.0
Ejemplo 1
Pautas online
42. Evaluaciones automáticas >>Pautas de
Accesibilidad
• Herramientas evalúan ciertos aspectos de la
accesibilidad
• Algunos aspectos no son automatizables
• No es una evaluación completa
• Tener en cuenta: falsos positivos y negativos
• Utilizar al menos dos herramientas