¿Qué es la accesibilidad web?

La accesibilidad web -a menudo abreviada como A11y- se refiere al diseño y desarrollo de sitios web, al uso de herramientas y tecnologías de manera que todas las personas puedan usarlas, incluidas aquellas con discapacidades.

¿Para quién hacemos la accesibilidad web?

El espectro de usuarios es muy amplio, por lo cual se tienen en cuenta diferentes tipos de discapacidades:

Discapacidad Visual
Discapacidad Auditiva
Discapacidad Motriz
Discapacidad Cognitiva o Neurológica

También es beneficioso para otras personas:

Discapasidades temporales
Discapasidades situacionales
Limitaciones tecnológicas

Pensar en diseño

Discapacidad visual

Ceguera: Usan lectores de pantalla (Screen Readers) como JAWS, NVDA o VoiceOver. Dependen de un código semántico y un texto alternativo (alt) en las imágenes.
Baja visión: Usan ampliadores de pantalla, alto contraste o aumentan el tamaño de la fuente. Puedes aprender más en nuestra sección Adapta.
Daltonismo: Necesitan que la información no dependa únicamente del color. Es importante usar contrastes suficientes, textos o iconos adicionales para distinguir elementos, y combinaciones de colores accesibles.

Pasos Prácticos de Diseño

Contraste de Color: Es imprescindible que el texto y el fondo tengan un contraste suficiente. Puedes usar herramientas gratis como WebAIM Contrast Checker para medirlo.
Jerarquía de Encabezados: Usa las etiquetas <h1> a <h6> de forma lógica. Son el "mapa" de la página para un lector de pantalla.
Texto Alternativo (alt): Todas las imágenes <img> deben tener un atributo alt que describa concisamente lo que muestran.
Formularios: Cada campo de formulario (<input>) necesita una etiqueta <label> asociada. Esto es fundamental para los lectores de pantalla.
Enlaces Descriptivos: El texto de un enlace debe entenderse por sí mismo. Evita usar "clic aquí" o "leer más".