Tu sitio debería dejar entrar a todos

La mayor parte de esta guía de campo trata sobre cosas que se agregan a tu sitio y que le quitan algo a tus visitantes: sus datos, su atención, su tiempo. La accesibilidad es la misma idea vista desde la otra dirección: no algo extra que se toma, sino algo básico que se retiene. Cuando un sitio no puede ser leído por un lector de pantalla, navegado con el teclado ni visto por alguien con baja visión, ha cerrado una puerta a personas reales. Llegaron a tu página y no pudieron entrar.

Y esto no es un caso raro y aislado. La discapacidad es algo común: baja visión, ceguera, condiciones motoras que hacen imposible usar un ratón, y el simple hecho de que todos envejecemos hasta necesitar texto más grande y mayor contraste. Un sitio que solo funciona para el visitante sin discapacidad, que usa el ratón y tiene buena vista, es un sitio que rechaza a una gran parte de las personas a las que fue construido para llegar.

Las cuatro puertas por las que entra cada visitante

El estándar internacional (WCAG) se basa en cuatro principios sencillos: el acrónimo es POUR, pero puedes entenderlos como cuatro puertas que un visitante necesita abiertas. La mayoría de los fallos son simplemente una de estas puertas atascada, y la mayoría de las soluciones consisten simplemente en abrirla.

Notarás que ninguna de estas cosas es exótica. Son la diferencia entre un edificio con un escalón en la única entrada y uno con un umbral a nivel del suelo. El edificio no está haciendo nada elaborado. Simplemente no puso una barrera donde no hacía falta.

La inaccesibilidad rara vez es una decisión que alguien tomó. Es una barrera que nadie quitó, y por eso mismo te toca a ti derribarla.

El puñado de soluciones que más importan

La parte alentadora: unos pocos problemas causan la mayor parte de la exclusión, y son los baratos de resolver. No necesitas una reconstrucción. Necesitas abrir las puertas que están atascadas.

• Contraste. Haz el texto lo bastante oscuro contra su fondo: el estándar es una relación de 4.5:1 para el texto normal. El gris pálido sobre blanco que se ve elegante en una maqueta es ilegible para millones de personas. (Esta misma página mantiene todos sus colores en esa relación.)
• Texto alternativo. Cada imagen significativa recibe una descripción breve y veraz en su atributo alt, para que un lector de pantalla pueda enunciar lo que ven los visitantes videntes. Las imágenes decorativas reciben un alt="" vacío para que se omitan. "IMG_4392.jpg" no es una descripción.
• Etiquetas de formulario reales. Cada campo necesita una etiqueta visible y programática, no solo un texto de marcador que desaparece en cuanto alguien escribe, dejando perdido al usuario de un lector de pantalla.
• Navegación con teclado. Recorre todo tu sitio con el tabulador, sin ratón. ¿Puedes alcanzar el menú, el formulario, el botón de envío? ¿Puedes salir de cada ventana emergente? Si no, tampoco puede un visitante que no puede usar el ratón.
• Enlaces y botones etiquetados. Un ícono sin texto solo dice "enlace" a un lector de pantalla. Dale palabras, para que la gente sepa a dónde lleva.

Cuidado con la solución "de un solo clic"

Hay un atajo tentador que merece una advertencia directa, porque es extracción disfrazada de solución: el widget superpuesto de accesibilidad, un complemento con una barra de herramientas flotante que promete cumplimiento instantáneo. Parece cuidado. En su mayoría no lo es.

El widget superpuesto es el mismo trueque contra el que advierte toda esta guía de campo: una capa de pago que parece resolver el problema mientras deja el problema real en su lugar y, a menudo, recopila datos de los visitantes en silencio durante el proceso. La solución honesta es más sencilla y más barata: abre las puertas de verdad. No hay nada a lo que suscribirse.

Por qué esta es la forma más pura de construir limpio

Aquí está la recompensa silenciosa, y es la misma que recorre todo lo que hay aquí: la accesibilidad y la calidad van en la misma dirección. Un mejor contraste hace un sitio más legible para todos. Las etiquetas claras ayudan a cada usuario. La navegación con teclado ayuda a los usuarios expertos. El código limpio y estándar es más rápido y más robusto. Un sitio construido para dejar entrar a todos es simplemente un sitio mejor construido: no existe una versión de esto en la que ayudar a los visitantes con discapacidad le cueste algo a los demás.

Y es la no extracción en su forma más fundamental. Las otras guías tratan sobre negarse a tomar de tus visitantes. Esta trata sobre negarse a dejarlos fuera, que es el mismo respeto, dirigido a las personas que una web descuidada olvida con más frecuencia. Un sitio que no toma nada y no excluye a nadie es toda la ética en una sola página.

Revisa tus propias puertas, ahora mismo

Puedes probar tú mismo las cosas más importantes, gratis, en unos minutos, sin necesidad de una auditoría:

1. Desconecta tu ratón (o simplemente no lo toques) y recorre tu sitio con Tab. ¿Puedes alcanzar y usar todo? ¿Puedes salir de cada ventana emergente?
2. Revisa tu contraste con una herramienta gratuita para comprobar el contraste: pega los colores de tu texto y de tu fondo, y confirma que alcanzan 4.5:1.
3. Mira tus imágenes: ¿tiene cada imagen significativa un texto alternativo real, y no un nombre de archivo o un espacio en blanco?
4. Entra en tus formularios: ¿tiene cada campo una etiqueta visible que permanece en su lugar cuando escribes?
5. Ejecuta un verificador automático gratuito para una primera pasada: detecta quizá un tercio de los problemas, pero es un comienzo rápido con los más obvios.

Sea lo que sea que encuentres, no es un desastre: es un conjunto de puertas que ahora sabes cómo abrir. La mayoría de los sitios tienen unas cuantas atascadas, y la mayoría de esas son el trabajo de una tarde. No tienes que arreglarlo todo de una vez. Solo tienes que dejar de rechazar a la gente.