SlideShare una empresa de Scribd logo
1 de 38
Introducción
a la
accesibilidad web
Agenda
• El uso de la web
• Accesibilidad
• ¿Por qué debería importarme?
• Accesibilidad de principio a fin
• Diseño universal
• ¿Por dónde empiezo?
• Reflexión final
El uso de la web
web developer by Hugo Alberto from the Noun Project
¿Quiénes usan la Web?
• ¿Qué se necesita para usar la web?
– ¿Internet?
– ¿Una computadora?
• ¿Con eso es suficiente?
– ¿Alfabetización?
– ¿Alfabetización digital?
– ¿Motivación?
– Accesibilidad
¿Quienes más usan la web?
• Personas con discapacidades
• Personas usando dispositivos muy antiguos
• … o muy nuevos
• Personas de edad avanzada
Definir el público objetivo
Tecnologí
a
Dispositivo (pantalla, teclado, mouse)
Velocidad de conexión
Navegador
Plugin (Flash, etc.) JavaScript
Usuario sin ninguna discapacidad
CC https://www.flickr.com/photos/flat61/
Todos somos diferentes
https://www.youtube.com/watch?v=pmqrscX6wa8
Accesibilidad
Wheelchair Accessible by Ed Piel from the Noun Project
Definiendo “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.
¿Por qué debería importarme?
questions by Gregor Črešnar from the Noun Project
1. Web, luego existo
• El uso de la web se ha extendido en todas las
áreas de la sociedad
– Recurso clave para
• noticias, información, comercio, entretenimiento,
educación en las aulas, la enseñanza a distancia, la
búsqueda de empleo, la interacción del lugar de
trabajo, la participación ciudadana, los servicios
gubernamentales.
– Una web accesible significa un acceso sin
precedentes a la información para las personas
con discapacidad.
2. Barreras para todos (1)
•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
•Falta de alternativas textuales a información
sonora
•Lenguaje no claro
•Tiempo limitado de espera de respuesta
•No soporte de alternativas de teclado
Discapacidades Visuales:
Ceguera, baja visión,
problemas para distinguir
colores
Discapacidades
Auditivas:
Sordera parcial o total
Discapacidades Motrices:
Dificultad o imposibilidad de
mover las manos, temblores o
lentitud muscular etc.
2. Barreras para todos (2)
Discapacidades
Cognitivas: Dificultad de
aprendizaje (Dislexia) o
discapacidades cognitivas que
afecten la memoria, la atención, las
habilidades lógicas etc.
Limitaciones
tecnológicas:
Tecnología antigua o muy
nueva,
Limitaciones asociadas con la
edad avanzada
•Textos no claros
•Dificultades en la navegación
•Única forma de transmitir información
•Visión, audición, motrices, memoria
•Limitaciones de ancho de banda,
•Uso de computadora con limitaciones de
administración
3. El círculo de la invisibilidad
• Millones de personas tienen discapacidades
que afectan el acceso a la Web
10% de la población mundial tiene alguna discapacidad
La edad promedio de la población en muchos países es cada vez mayor;
edad, algunas veces da lugar a combinaciones de los problemas de accesibilidad;
de visión y audición cambios, los cambios en la destreza y la memoria.
Algunos números
Discapacidad en el
mundo 10%
(OMS)
• 16%: Discapacidad (INE, 2012)
¿Cuantas personas usan móvilespara
acceder a internet?
• 14,1%: Mayores de 65 años (INE,
2012)
• 51%: De los hogares de bajo nivel
socioeconómico, la XO es la única
computadora (CIFRA, 2012)
4. ¿Y a mi qué?
• La accesibilidad web también tiene beneficios para los demás
usuarios
– Multimodalidad (apoyo visual, auditiva, táctil acceso) beneficia a los
usuarios de:
• los teléfonos móviles con pantallas pequeñas, Web-TV, kioscos.
– Multimodalidad aumenta la usabilidad de los sitios Web en diferentes
situaciones:
• bajo ancho de banda (descarga más rápida); ambientes ruidosos (difícil
escuchar el audio); pantalla antideslumbrante (difícil ver la pantalla).
– Texto / audio / vídeo redundante pueden apoyar:
• diferentes estilos de aprendizaje; l
• bajos niveles de alfabetización;
• el acceso de un segundo idioma.
– Las hojas de estilo pueden apoyar:
• eficiencia y mantenimiento del sitio.
– Subtitulado de archivos de audio:
• mejor indexación de contenido; búsqueda más rápida del contenido.
La accesibilidad nos beneficia a TODOS
• De edad avanzada
• Con conexiones lentas
• Con tecnologías antiguas
• Con tecnologías muy nuevas
• Que operen en contextos no ideales
• Con bajo nivel de alfabetización
• Que no hablan el idioma
• Nuevos o poco frecuentas
No es solo para personas con discapacidad
Usuarios en su diversidad:
¿Por qué hacer una web accesible?
• Menor costo de mantenimiento
• Menor costo en capacidad del servidor
• Menor tiempo de carga
• Evita crear múltiples versiones
• Independencia de dispositivo
• Menor costo de actualización a nuevas tecnologías
• Mejora la usabilidad
• Mejora en la indexación en buscadores
• SEO gratis!
• Demostrar responsabilidad social
Qué tal preguntarnos: Por qué no hacerlo???
CC ringling.libguides.com
Además …
• No es difícil
• No es más costoso
• No implica diseños primitivos, feos, simples
• No implica crear versiones
Es un requisito más
desde el inicio del proyecto
a lo largo de todo el proyecto
por todos los involucrados.
Accesibilidad de principio a fin
by creative outlet from the Noun Project
Accesibilidad a la computadora
Tecnologías de
apoyo
Dispositivos de Entrada
Teclado
Filtros
Protectores
Teclado en
pantalla
Palillos
Mouse
Teclado
Numérico
Pulsadores
Trackball
Joystick
Dispositivos de Salida
Monitor
Lector de
pantalla
Lector de
textos
Magnificadores
Lupas
Impresora
Impresora
Braille
Parlantes
Alertas visuales
y leyendas
Lectura recomendada:
“Tecnología de apoyo
para la inclusión” (.pdf,
1.82 MB )
Algunos ejemplos
Lectores de pantalla
• Jaws
– No es un Software gratuito, se pueden descargar guías de
usuario y demos en:
http://www.funcaragol.org/html/mainjaws.htm
• NVDA
– Lector de pantalla gratuito y de código abierto para Windows.
Está disponible en 11 idiomas, entre los que se encuentra el
español. Información y descargas en la página web del
proyecto: http://www.nvaccess.org/.
• Orca
– Software libre, de código abierto que posee un lector de
pantalla y un magnificador. Ayuda a proporcionar acceso a
aplicaciones y herramientas dentro del entorno Linux. Se
puede descargar desde
http://wiki.tiflolinux.org/index.php?title=Orca/DescargarInstal
ar
Diseño Universal
by Olivier Guin from the Noun Project
Accesibilidad Universal - Diseño Universal
Opción 1 Versus Opción 2
Tecnologías de apoyo y diseño universal
• Centro de Accesibilidad de Windows
• Tecnologías de Asistencia en Linux
• Laptops tienen características propias de diseño universal
Fuente: “Tecnologías de apoyo para la inclusión”
¿Por dónde empiezo?
W3C
• World Wide Web Consortium (W3C)
– consorcio internacional independiente
– promueve la evolución y la interoperabilidad de la Web
con un fuerte enfoque en la universalidad de la Web.
• W3C opera desde tres lugares físicos, además de
oficinas en otros países:
– MIT para América del Norte, ERCIM para Europa, la
Universidad de Keio para Asia;
• Tiene cinco "dominios":
– Arquitectura, Interacción, Tecnología y Sociedad, Web
ubicua, la Iniciativa de Accesibilidad Web.
WAI
• Web Accessibility Initiative – Iniciativa de Accesibilidad Web (WAI), un
grupo de trabajo del Consorcio de la World Wide Web (W3C).
• Ha publicado pautas para cada uno de los componentes esenciales de la
accesibilidad web
– Contenido: información y aplicaciones web, incluyendo texto, imágenes,
sonido, código o etiquetado que define estructura, presentación, etc.
• Pautas de Accesibilidad al Contenido (WCAG)
– Agentes de usuario como navegadores y reproductores multimedia
• Pautas de Accesibilidad para Agentes de Usuario (UAAG)
– Herramientas de autor: software que crea sitios web
• Pautas de Accesibilidad para Herramientas de Autor (ATAG)
– Tecnología de apoyo como lectores de pantalla, teclados alternativos,
switches, software de escaneo, etc.
– El conocimiento de los usuarios, las experiencias, y en algunos casos, las
estrategias de adaptación mediante la Web
– Desarrolladores
– Herramientas de evaluación: de accesibilidad, validadores de estándares, etc.
Reflexión final
by Aenne Brielmann from the Noun Project
La Universalidad de la Web
“El poder de la Web está en
su universalidad. Un
acceso para todo el mundo
independientemente de su
discapacidad es un aspecto
esencial”
(Tim Berners-Lee, Director del W3C
e inventor de la Web)
Web para todos?
http://www.snap.gub.uy/ 2010
O para algunos?
Web para todos?
www.uruguay.gub.uy 2010
O para algunos?
Lo único universal es la diversidad
Limitación X Contexto = Discapacidad
Cualquier limitación (característica personal o
tecnológica) puede transformarse en una
discapacidad si el contexto impone barreras
La discapacidad está en el
medio,
no en las
personas.
Silvia Da Rosa
@okactivist
C.C. www.mutuaspalabras.blogspot.com

Más contenido relacionado

Destacado

Accesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: ComprensibleAccesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: Comprensibletayzee
 
6 wcag2.0 para comunicadores - semantica
6   wcag2.0 para comunicadores - semantica6   wcag2.0 para comunicadores - semantica
6 wcag2.0 para comunicadores - semanticatayzee
 
Accesibilidad web por principios - Principio 4: robusto
Accesibilidad web por principios - Principio 4:  robustoAccesibilidad web por principios - Principio 4:  robusto
Accesibilidad web por principios - Principio 4: robustotayzee
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad webtayzee
 
Accesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: OperableAccesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: Operabletayzee
 
7 wcag2.0 para comunicadores - Accesibilidad parte 3
7   wcag2.0 para comunicadores - Accesibilidad parte 37   wcag2.0 para comunicadores - Accesibilidad parte 3
7 wcag2.0 para comunicadores - Accesibilidad parte 3tayzee
 
1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad webtayzee
 
Creación de contenido accesible
Creación de contenido accesibleCreación de contenido accesible
Creación de contenido accesibletayzee
 
Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".tayzee
 
Accesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: PerceptibleAccesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: Perceptibletayzee
 
Imagenes accesibles
Imagenes accesiblesImagenes accesibles
Imagenes accesiblestayzee
 
Congreso latinoamericano de ciegos tic y diseño universal
Congreso latinoamericano de ciegos  tic y diseño universalCongreso latinoamericano de ciegos  tic y diseño universal
Congreso latinoamericano de ciegos tic y diseño universaltayzee
 
Una introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadoresUna introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadorestayzee
 

Destacado (15)

Accesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: ComprensibleAccesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: Comprensible
 
6 wcag2.0 para comunicadores - semantica
6   wcag2.0 para comunicadores - semantica6   wcag2.0 para comunicadores - semantica
6 wcag2.0 para comunicadores - semantica
 
UX
UXUX
UX
 
Accesibilidad web por principios - Principio 4: robusto
Accesibilidad web por principios - Principio 4:  robustoAccesibilidad web por principios - Principio 4:  robusto
Accesibilidad web por principios - Principio 4: robusto
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
Accesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: OperableAccesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: Operable
 
7 wcag2.0 para comunicadores - Accesibilidad parte 3
7   wcag2.0 para comunicadores - Accesibilidad parte 37   wcag2.0 para comunicadores - Accesibilidad parte 3
7 wcag2.0 para comunicadores - Accesibilidad parte 3
 
1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web
 
HCI
HCIHCI
HCI
 
Creación de contenido accesible
Creación de contenido accesibleCreación de contenido accesible
Creación de contenido accesible
 
Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".
 
Accesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: PerceptibleAccesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: Perceptible
 
Imagenes accesibles
Imagenes accesiblesImagenes accesibles
Imagenes accesibles
 
Congreso latinoamericano de ciegos tic y diseño universal
Congreso latinoamericano de ciegos  tic y diseño universalCongreso latinoamericano de ciegos  tic y diseño universal
Congreso latinoamericano de ciegos tic y diseño universal
 
Una introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadoresUna introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadores
 

Similar a 1.1 Introducción a la accesibilidad web

Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08Nervo Verdezoto
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad webtayzee
 
Estrategias de usabilidad y accesibilidad online
Estrategias de usabilidad y accesibilidad online Estrategias de usabilidad y accesibilidad online
Estrategias de usabilidad y accesibilidad online Gabriela Martínez
 
1) introducción
1)  introducción1)  introducción
1) introduccióntayzee
 
Accesibilidad - Introducción
Accesibilidad  - IntroducciónAccesibilidad  - Introducción
Accesibilidad - Introduccióntayzee
 
Tecnología en la educación especial y personas con......
Tecnología en la educación especial y personas con......Tecnología en la educación especial y personas con......
Tecnología en la educación especial y personas con......Lismarie Ortiz Ortiz
 
Accesibilidad en la web 2.0
Accesibilidad en la web 2.0Accesibilidad en la web 2.0
Accesibilidad en la web 2.0dwebslide
 
Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0dwebslide
 
Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)Luigi Ceccaroni
 
Inlcusiondigital iNVESTIGACIÓN Y TIC
Inlcusiondigital iNVESTIGACIÓN Y TICInlcusiondigital iNVESTIGACIÓN Y TIC
Inlcusiondigital iNVESTIGACIÓN Y TICkawtar95
 
La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosLa web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosFer Torres
 
Seminario Taller: Usabilidad
Seminario Taller: UsabilidadSeminario Taller: Usabilidad
Seminario Taller: UsabilidadElsa Canto
 
2 diseño universal
2   diseño universal2   diseño universal
2 diseño universaltayzee
 
INCLUSIÓN DE LAS TICS EN ESCUELAS PARA ALMUNOS CON DISCACIDAD VISUAL
INCLUSIÓN DE LAS TICS EN ESCUELAS PARA ALMUNOS CON DISCACIDAD VISUALINCLUSIÓN DE LAS TICS EN ESCUELAS PARA ALMUNOS CON DISCACIDAD VISUAL
INCLUSIÓN DE LAS TICS EN ESCUELAS PARA ALMUNOS CON DISCACIDAD VISUALMaria Sáez Valdés
 
¿Será realmente internet un espacio democrático e inclusivo?
¿Será realmente internet un espacio democrático e inclusivo?¿Será realmente internet un espacio democrático e inclusivo?
¿Será realmente internet un espacio democrático e inclusivo?José Valverde
 
Beneficios accesibilidad
Beneficios accesibilidadBeneficios accesibilidad
Beneficios accesibilidadtayzee
 

Similar a 1.1 Introducción a la accesibilidad web (20)

Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
Estrategias de usabilidad y accesibilidad online
Estrategias de usabilidad y accesibilidad online Estrategias de usabilidad y accesibilidad online
Estrategias de usabilidad y accesibilidad online
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
1) introducción
1)  introducción1)  introducción
1) introducción
 
Accesibilidad - Introducción
Accesibilidad  - IntroducciónAccesibilidad  - Introducción
Accesibilidad - Introducción
 
Tecnología en la educación especial y personas con......
Tecnología en la educación especial y personas con......Tecnología en la educación especial y personas con......
Tecnología en la educación especial y personas con......
 
Accesibilidad en la web 2.0
Accesibilidad en la web 2.0Accesibilidad en la web 2.0
Accesibilidad en la web 2.0
 
Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0
 
Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)
 
Inlcusiondigital iNVESTIGACIÓN Y TIC
Inlcusiondigital iNVESTIGACIÓN Y TICInlcusiondigital iNVESTIGACIÓN Y TIC
Inlcusiondigital iNVESTIGACIÓN Y TIC
 
La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosLa web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuarios
 
Seminario Taller: Usabilidad
Seminario Taller: UsabilidadSeminario Taller: Usabilidad
Seminario Taller: Usabilidad
 
2 diseño universal
2   diseño universal2   diseño universal
2 diseño universal
 
INCLUSIÓN DE LAS TICS EN ESCUELAS PARA ALMUNOS CON DISCACIDAD VISUAL
INCLUSIÓN DE LAS TICS EN ESCUELAS PARA ALMUNOS CON DISCACIDAD VISUALINCLUSIÓN DE LAS TICS EN ESCUELAS PARA ALMUNOS CON DISCACIDAD VISUAL
INCLUSIÓN DE LAS TICS EN ESCUELAS PARA ALMUNOS CON DISCACIDAD VISUAL
 
¿Será realmente internet un espacio democrático e inclusivo?
¿Será realmente internet un espacio democrático e inclusivo?¿Será realmente internet un espacio democrático e inclusivo?
¿Será realmente internet un espacio democrático e inclusivo?
 
Accesibilidad Web - Entendiendo el concepto de Accesibilidad
Accesibilidad Web - Entendiendo el concepto de AccesibilidadAccesibilidad Web - Entendiendo el concepto de Accesibilidad
Accesibilidad Web - Entendiendo el concepto de Accesibilidad
 
Beneficios accesibilidad
Beneficios accesibilidadBeneficios accesibilidad
Beneficios accesibilidad
 

Más de tayzee

Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0tayzee
 
Documentos accesibles (word, ppt, pdf)
Documentos accesibles  (word, ppt, pdf)Documentos accesibles  (word, ppt, pdf)
Documentos accesibles (word, ppt, pdf)tayzee
 
4 introducción a wcag2.0
4   introducción a wcag2.04   introducción a wcag2.0
4 introducción a wcag2.0tayzee
 
Costos de la accesibilidad
Costos de la accesibilidadCostos de la accesibilidad
Costos de la accesibilidadtayzee
 
Evaluación de accesibilidad web
Evaluación de accesibilidad webEvaluación de accesibilidad web
Evaluación de accesibilidad webtayzee
 
Accesibilidad Web (Una introducción de 3 horas)
Accesibilidad Web (Una introducción de 3 horas)Accesibilidad Web (Una introducción de 3 horas)
Accesibilidad Web (Una introducción de 3 horas)tayzee
 
Para que te encuentren
Para que te encuentrenPara que te encuentren
Para que te encuentrentayzee
 
Evaluacion de accesibilidad
Evaluacion de accesibilidadEvaluacion de accesibilidad
Evaluacion de accesibilidadtayzee
 
Introducción a la evaluación de accesibilidad
Introducción a la evaluación de accesibilidadIntroducción a la evaluación de accesibilidad
Introducción a la evaluación de accesibilidadtayzee
 
Accesibilidad y HTML para editores
Accesibilidad y HTML para editoresAccesibilidad y HTML para editores
Accesibilidad y HTML para editorestayzee
 
Entregables de la AI
Entregables de la AIEntregables de la AI
Entregables de la AItayzee
 

Más de tayzee (11)

Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0
 
Documentos accesibles (word, ppt, pdf)
Documentos accesibles  (word, ppt, pdf)Documentos accesibles  (word, ppt, pdf)
Documentos accesibles (word, ppt, pdf)
 
4 introducción a wcag2.0
4   introducción a wcag2.04   introducción a wcag2.0
4 introducción a wcag2.0
 
Costos de la accesibilidad
Costos de la accesibilidadCostos de la accesibilidad
Costos de la accesibilidad
 
Evaluación de accesibilidad web
Evaluación de accesibilidad webEvaluación de accesibilidad web
Evaluación de accesibilidad web
 
Accesibilidad Web (Una introducción de 3 horas)
Accesibilidad Web (Una introducción de 3 horas)Accesibilidad Web (Una introducción de 3 horas)
Accesibilidad Web (Una introducción de 3 horas)
 
Para que te encuentren
Para que te encuentrenPara que te encuentren
Para que te encuentren
 
Evaluacion de accesibilidad
Evaluacion de accesibilidadEvaluacion de accesibilidad
Evaluacion de accesibilidad
 
Introducción a la evaluación de accesibilidad
Introducción a la evaluación de accesibilidadIntroducción a la evaluación de accesibilidad
Introducción a la evaluación de accesibilidad
 
Accesibilidad y HTML para editores
Accesibilidad y HTML para editoresAccesibilidad y HTML para editores
Accesibilidad y HTML para editores
 
Entregables de la AI
Entregables de la AIEntregables de la AI
Entregables de la AI
 

Último

Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 

Último (20)

Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 

1.1 Introducción a la accesibilidad web

  • 2. Agenda • El uso de la web • Accesibilidad • ¿Por qué debería importarme? • Accesibilidad de principio a fin • Diseño universal • ¿Por dónde empiezo? • Reflexión final
  • 3. El uso de la web web developer by Hugo Alberto from the Noun Project
  • 4. ¿Quiénes usan la Web? • ¿Qué se necesita para usar la web? – ¿Internet? – ¿Una computadora? • ¿Con eso es suficiente? – ¿Alfabetización? – ¿Alfabetización digital? – ¿Motivación? – Accesibilidad
  • 5. ¿Quienes más usan la web? • Personas con discapacidades • Personas usando dispositivos muy antiguos • … o muy nuevos • Personas de edad avanzada
  • 6. Definir el público objetivo Tecnologí a Dispositivo (pantalla, teclado, mouse) Velocidad de conexión Navegador Plugin (Flash, etc.) JavaScript Usuario sin ninguna discapacidad CC https://www.flickr.com/photos/flat61/
  • 8. Accesibilidad Wheelchair Accessible by Ed Piel from the Noun Project
  • 9. Definiendo “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.
  • 10. ¿Por qué debería importarme? questions by Gregor Črešnar from the Noun Project
  • 11. 1. Web, luego existo • El uso de la web se ha extendido en todas las áreas de la sociedad – Recurso clave para • noticias, información, comercio, entretenimiento, educación en las aulas, la enseñanza a distancia, la búsqueda de empleo, la interacción del lugar de trabajo, la participación ciudadana, los servicios gubernamentales. – Una web accesible significa un acceso sin precedentes a la información para las personas con discapacidad.
  • 12. 2. Barreras para todos (1) •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 •Falta de alternativas textuales a información sonora •Lenguaje no claro •Tiempo limitado de espera de respuesta •No soporte de alternativas de teclado Discapacidades Visuales: Ceguera, baja visión, problemas para distinguir colores Discapacidades Auditivas: Sordera parcial o total Discapacidades Motrices: Dificultad o imposibilidad de mover las manos, temblores o lentitud muscular etc.
  • 13. 2. Barreras para todos (2) Discapacidades Cognitivas: Dificultad de aprendizaje (Dislexia) o discapacidades cognitivas que afecten la memoria, la atención, las habilidades lógicas etc. Limitaciones tecnológicas: Tecnología antigua o muy nueva, Limitaciones asociadas con la edad avanzada •Textos no claros •Dificultades en la navegación •Única forma de transmitir información •Visión, audición, motrices, memoria •Limitaciones de ancho de banda, •Uso de computadora con limitaciones de administración
  • 14. 3. El círculo de la invisibilidad • Millones de personas tienen discapacidades que afectan el acceso a la Web 10% de la población mundial tiene alguna discapacidad La edad promedio de la población en muchos países es cada vez mayor; edad, algunas veces da lugar a combinaciones de los problemas de accesibilidad; de visión y audición cambios, los cambios en la destreza y la memoria.
  • 15. Algunos números Discapacidad en el mundo 10% (OMS) • 16%: Discapacidad (INE, 2012) ¿Cuantas personas usan móvilespara acceder a internet? • 14,1%: Mayores de 65 años (INE, 2012) • 51%: De los hogares de bajo nivel socioeconómico, la XO es la única computadora (CIFRA, 2012)
  • 16. 4. ¿Y a mi qué? • La accesibilidad web también tiene beneficios para los demás usuarios – Multimodalidad (apoyo visual, auditiva, táctil acceso) beneficia a los usuarios de: • los teléfonos móviles con pantallas pequeñas, Web-TV, kioscos. – Multimodalidad aumenta la usabilidad de los sitios Web en diferentes situaciones: • bajo ancho de banda (descarga más rápida); ambientes ruidosos (difícil escuchar el audio); pantalla antideslumbrante (difícil ver la pantalla). – Texto / audio / vídeo redundante pueden apoyar: • diferentes estilos de aprendizaje; l • bajos niveles de alfabetización; • el acceso de un segundo idioma. – Las hojas de estilo pueden apoyar: • eficiencia y mantenimiento del sitio. – Subtitulado de archivos de audio: • mejor indexación de contenido; búsqueda más rápida del contenido.
  • 17. La accesibilidad nos beneficia a TODOS • De edad avanzada • Con conexiones lentas • Con tecnologías antiguas • Con tecnologías muy nuevas • Que operen en contextos no ideales • Con bajo nivel de alfabetización • Que no hablan el idioma • Nuevos o poco frecuentas No es solo para personas con discapacidad Usuarios en su diversidad:
  • 18. ¿Por qué hacer una web accesible? • Menor costo de mantenimiento • Menor costo en capacidad del servidor • Menor tiempo de carga • Evita crear múltiples versiones • Independencia de dispositivo • Menor costo de actualización a nuevas tecnologías • Mejora la usabilidad • Mejora en la indexación en buscadores • SEO gratis! • Demostrar responsabilidad social Qué tal preguntarnos: Por qué no hacerlo??? CC ringling.libguides.com
  • 19. Además … • No es difícil • No es más costoso • No implica diseños primitivos, feos, simples • No implica crear versiones Es un requisito más desde el inicio del proyecto a lo largo de todo el proyecto por todos los involucrados.
  • 20. Accesibilidad de principio a fin by creative outlet from the Noun Project
  • 21. Accesibilidad a la computadora Tecnologías de apoyo Dispositivos de Entrada Teclado Filtros Protectores Teclado en pantalla Palillos Mouse Teclado Numérico Pulsadores Trackball Joystick Dispositivos de Salida Monitor Lector de pantalla Lector de textos Magnificadores Lupas Impresora Impresora Braille Parlantes Alertas visuales y leyendas Lectura recomendada: “Tecnología de apoyo para la inclusión” (.pdf, 1.82 MB )
  • 23. Lectores de pantalla • Jaws – No es un Software gratuito, se pueden descargar guías de usuario y demos en: http://www.funcaragol.org/html/mainjaws.htm • NVDA – Lector de pantalla gratuito y de código abierto para Windows. Está disponible en 11 idiomas, entre los que se encuentra el español. Información y descargas en la página web del proyecto: http://www.nvaccess.org/. • Orca – Software libre, de código abierto que posee un lector de pantalla y un magnificador. Ayuda a proporcionar acceso a aplicaciones y herramientas dentro del entorno Linux. Se puede descargar desde http://wiki.tiflolinux.org/index.php?title=Orca/DescargarInstal ar
  • 24. Diseño Universal by Olivier Guin from the Noun Project
  • 25. Accesibilidad Universal - Diseño Universal Opción 1 Versus Opción 2
  • 26. Tecnologías de apoyo y diseño universal • Centro de Accesibilidad de Windows • Tecnologías de Asistencia en Linux • Laptops tienen características propias de diseño universal Fuente: “Tecnologías de apoyo para la inclusión”
  • 28. W3C • World Wide Web Consortium (W3C) – consorcio internacional independiente – promueve la evolución y la interoperabilidad de la Web con un fuerte enfoque en la universalidad de la Web. • W3C opera desde tres lugares físicos, además de oficinas en otros países: – MIT para América del Norte, ERCIM para Europa, la Universidad de Keio para Asia; • Tiene cinco "dominios": – Arquitectura, Interacción, Tecnología y Sociedad, Web ubicua, la Iniciativa de Accesibilidad Web.
  • 29. WAI • Web Accessibility Initiative – Iniciativa de Accesibilidad Web (WAI), un grupo de trabajo del Consorcio de la World Wide Web (W3C). • Ha publicado pautas para cada uno de los componentes esenciales de la accesibilidad web – Contenido: información y aplicaciones web, incluyendo texto, imágenes, sonido, código o etiquetado que define estructura, presentación, etc. • Pautas de Accesibilidad al Contenido (WCAG) – Agentes de usuario como navegadores y reproductores multimedia • Pautas de Accesibilidad para Agentes de Usuario (UAAG) – Herramientas de autor: software que crea sitios web • Pautas de Accesibilidad para Herramientas de Autor (ATAG) – Tecnología de apoyo como lectores de pantalla, teclados alternativos, switches, software de escaneo, etc. – El conocimiento de los usuarios, las experiencias, y en algunos casos, las estrategias de adaptación mediante la Web – Desarrolladores – Herramientas de evaluación: de accesibilidad, validadores de estándares, etc.
  • 30. Reflexión final by Aenne Brielmann from the Noun Project
  • 31. La Universalidad de la Web “El poder de la Web está en su universalidad. Un acceso para todo el mundo independientemente de su discapacidad es un aspecto esencial” (Tim Berners-Lee, Director del W3C e inventor de la Web)
  • 36. Lo único universal es la diversidad Limitación X Contexto = Discapacidad Cualquier limitación (característica personal o tecnológica) puede transformarse en una discapacidad si el contexto impone barreras
  • 37. La discapacidad está en el medio, no en las personas.
  • 38. Silvia Da Rosa @okactivist C.C. www.mutuaspalabras.blogspot.com