¿Qué es la accesibilidad web?
La accesibilidad web consiste en diseñar y desarrollar sitios y aplicaciones web que puedan ser utilizadas por todas las personas, incluidas aquellas con alguna discapacidad (visual, auditiva, motriz, cognitiva, etc.).
Ejemplo:
Una persona ciega usa un lector de pantalla. Si el sitio no tiene bien etiquetadas las imágenes o botones, no podrá usarlo correctamente.
¿Por qué es importante?
* Es un derecho: todas las personas deben poder acceder a la información.
* Ayuda a más usuarios, incluyendo personas mayores o con conexiones lentas.
* Mejora el SEO (posicionamiento en buscadores).
* Puede ser una exigencia legal en muchos países.
🧑🦯 Discapacidad visual
Ceguera total o parcial, daltonismo, baja visión.
Solución:
* Usar etiquetas de formulario con label
* Usar texto alternativo (alt) en imágenes.
* Asegurar buen contraste entre texto y fondo.
* Sitio compatible con lectores de pantalla.Usar lang en el html para indicar el idioma del documento entre otras cosas para que los lectores de pantalla usen la pronunciación adecuada.
* Evitar que la información dependa solo del color (por ejemplo, "los errores están en rojo").
🧏 Discapacidad auditiva
Sordera o problemas para oír sonidos o voces.
Solución:
* Usar subtítulos en videos.
* Proveer transcripciones de audios.
* Evitar depender exclusivamente del sonido para comunicar algo.
🧑🦼 Discapacidad motriz
Dificultades para usar el mouse o el teclado con precisión.
Solución:
* Que todo se pueda hacer con el teclado. Uso de tabindex en el código si es necesario
Ejercicios
1 Comprobar la navegacion a traves del teclado de todo su sitio web
2 Adjuntar una captura de pantalla del sitio WebAIM Contrast Checker donde se analice el contraste de su sitio web
3 Agregar lang en todas sus páginas
4 Trabajar con la etiqueta alt en todo su sitio
No hay comentarios:
Publicar un comentario