![Page 1: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/1.jpg)
#YoMeQuedoEnCasa
¿Qué es eso de accesibilidad web?
![Page 2: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/2.jpg)
#YoMeQuedoEnCasa
¡Hola!, soyVicent Sanchis
Especialista en visiónProfesor asociado en la UVDesarrollador y consultor webEmbajador de marca de PUXL
![Page 3: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/3.jpg)
#YoMeQuedoEnCasaEntendiendo la accesibilidad
Accesibilidad:
Condición que deben cumplir los entornos, productos y servicios
para que sean comprensibles, utilizables y practicables por todos
los ciudadanos, incluidas las personas con discapacidad
https://dej.rae.es/lema/accesibilidad
![Page 4: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/4.jpg)
#YoMeQuedoEnCasaEntendiendo la accesibilidad
accesible?
Si
No
dependencia
imprescindible?
Si
No
![Page 5: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/5.jpg)
#YoMeQuedoEnCasaEntendiendo la accesibilidad
minusvalía
a11y
![Page 6: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/6.jpg)
#YoMeQuedoEnCasaEntendiendo la accesibilidad
discapacidad
a11y
![Page 7: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/7.jpg)
#YoMeQuedoEnCasaEntendiendo la accesibilidad
diversidad
funcional
a11y
![Page 8: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/8.jpg)
#YoMeQuedoEnCasaEntendiendo la accesibilidad
La accesibilidad es la búsqueda de la mayor
inclusividad e independencia individual posible
![Page 9: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/9.jpg)
#YoMeQuedoEnCasaAyudas técnicas
Instrumentos que faciliten la independencia del sujeto frente a
una discapacidad en particular
![Page 10: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/10.jpg)
#YoMeQuedoEnCasaAyudas técnicas
![Page 11: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/11.jpg)
#YoMeQuedoEnCasaAdaptaciones
Actuaciones que se han realizado para eliminar barreras a la
accesibilidad
![Page 12: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/12.jpg)
#YoMeQuedoEnCasaAccesibilidad Web
En el mundo digital también se producen problemas de
accesibilidad.
Y no se solucionan añadiendo el texto alternativo a las
imágenes, o eligiendo bien los colores o las fuentes tipográficas.
![Page 13: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/13.jpg)
#YoMeQuedoEnCasaAccesibilidad Web
Pensemos en los requisitos para usar un ordenador:
- Movilidad
- Percepción
- Comprensión
- Velocidad
![Page 14: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/14.jpg)
#YoMeQuedoEnCasaTecnologías de Asistencia
Por un lado tenemos ayudas técnicas
generales y específicas:
- Ayudas ópticas
- Periféricos adaptados (teclados,
trackballs, switches, ratones de
boca, etc.)
- Periféricos especializados
(eye-tracking, líneas braille)
Lupa de Fresnel. Autor HHahn. CC BY-SA 3.0
![Page 15: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/15.jpg)
#YoMeQuedoEnCasaTecnologías de Asistencia
Por un lado tenemos ayudas técnicas
generales y específicas:
- Ayudas ópticas
- Periféricos adaptados (teclados,
trackballs, switches, ratones de
boca, etc.)
- Periféricos especializados
(eye-tracking, líneas braille)
Ratón trackball. Autor Suimasentyottohensyuushimasuyo CC BY-SA 3.0
![Page 16: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/16.jpg)
#YoMeQuedoEnCasaTecnologías de Asistencia
Por otro lado tenemos soluciones
software:
- Magnificadores software
- Filtros
- Modo lectura
- Lectores de pantalla
![Page 17: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/17.jpg)
#YoMeQuedoEnCasaTecnologías de Asistencia
Por otro lado tenemos soluciones
software:
- Magnificadores software
- Filtros
- Modo lectura
- Lectores de pantalla
Integrados en el sistema operativo:
VoiceOver, Narrador
De pago: JAWS
Gratuitos: NVDA, Orca
Extensiones navegador: ChromeVox
![Page 18: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/18.jpg)
#YoMeQuedoEnCasaTecnologías de Asistencia
Pero las tecnologías de asistencia no obran milagros
![Page 19: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/19.jpg)
#YoMeQuedoEnCasaTecnologías de Asistencia
El código debe respetar los estándares web, las buenas prácticas
de programación y la guía de accesibilidad del contenido web
WCAG 2.1
![Page 20: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/20.jpg)
#YoMeQuedoEnCasa¿Cuándo hay que cuidarla?
En todas las etapas del desarrollo de la web
Reunión con el cliente
Planning Diseño
DesarrolloPuesta en producción
Mantenimiento
![Page 21: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/21.jpg)
#YoMeQuedoEnCasa¿Por qué cuidar la Accesibilidad Web?
- Ética
- Legalidad
- Audiencia
- Cuota de mercado
- SEO
- Marca personal
- Diferenciarse
- Porque en algún
momento nos hará falta
![Page 22: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/22.jpg)
#YoMeQuedoEnCasaConsejos de diseño
1Elige bien la tipografía y su tamaño (y no, que tú lo leas no significa que todos lo puedan leer)
![Page 23: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/23.jpg)
#YoMeQuedoEnCasaConsejos de diseño
2Elige bien el contraste de color (elementos más pequeños requieren más contraste)
![Page 24: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/24.jpg)
#YoMeQuedoEnCasaConsejos de diseño
3Evita que detrás de un texto haya una imagen
3Evita que detrás de un texto haya una imagen
![Page 25: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/25.jpg)
#YoMeQuedoEnCasaConsejos de diseño
4Agrega referencias visuales
![Page 26: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/26.jpg)
#YoMeQuedoEnCasaConsejos de diseño
5Evita cambios de contexto
![Page 27: ¿Qué es eso de #YoMeQuedoEnCasa accesibilidad web?€¦ · Por un lado tenemos ayudas técnicas generales y específicas: - Ayudas ópticas - Periféricos adaptados (teclados, trackballs,](https://reader035.vdocuments.net/reader035/viewer/2022081612/5f7b1316cc0810157a76582b/html5/thumbnails/27.jpg)
#YoMeQuedoEnCasa
VS @visanju
vicentsanchis.com