Accesibilidad en tu página de links: lo básico para que todos puedan usarla

Una página accesible es una página que puede usar la mayor cantidad posible de personas, con independencia de cómo vean, oigan, se muevan o piensen. Eso incluye a quien tiene una discapacidad permanente, pero también a quien tiene una limitación temporal (un brazo escayolado, una pantalla rota) o situacional (el sol en la cara, el ruido de un autobús, una conexión pésima). La accesibilidad no es un extra para una minoría: es calidad de uso para todos. Y casi siempre mejora la conversión.

Por qué importa para ti

Hay tres razones prácticas:

1. Más personas pueden usarla. Cada barrera elimina visitantes potenciales, sin que lo notes: no te escriben para quejarse, simplemente se van.
2. Mejora la experiencia de todos. Un buen contraste ayuda a quien mira bajo el sol; un texto claro ayuda a quien tiene prisa.
3. Es una cuestión de respeto y, en algunos lugares, de normativa. Las exigencias legales varían según el país y el tipo de organización; si te afectan, consulta la normativa aplicable.

Esta guía no sustituye una auditoría profesional, pero reúne comprobaciones sencillas que cualquiera puede hacer.

Contraste y tamaño del texto

Es el punto más importante y el más fácil de revisar. Las pautas de accesibilidad web (WCAG) recomiendan una relación mínima de contraste de 4,5 a 1 para texto normal. Comprueba:

• Que el texto de los botones se lee con claridad sobre su fondo.
• Que los textos pequeños (descripciones, notas) tienen suficiente contraste.
• Que el texto sobre imágenes o degradados no se pierde en las zonas claras.
• Que el tamaño de letra permite leer sin ampliar.

Para más sobre este tema, mira la guía de colores, tipografía y contraste.

No dependas solo del color

Si transmites algo únicamente con un color (por ejemplo, «los enlaces en rojo son ofertas»), las personas con daltonismo, o quienes miran la pantalla en blanco y negro, no lo percibirán. Refuerza siempre con texto, una forma o un icono. Un botón destacado debe diferenciarse también por su tamaño o su posición, no solo por su color.

Textos de botones claros

Quienes usan lectores de pantalla navegan a menudo por la lista de enlaces, escuchándola fuera de contexto. Un botón que dice «Aquí» o «Click» no significa nada en esa lista; «Reservar una mesa» sí. Escribir textos descriptivos es una de las mejoras de accesibilidad más rentables. Hay más en la guía de textos de botones.

Imágenes con descripción

Las imágenes que transmiten información necesitan una descripción alternativa para quien no puede verlas. Una foto de perfil, un logo o una imagen de producto deberían tener un texto que diga qué muestran, de forma breve: «Marta Ruiz, fotógrafa» o «Taza de cerámica azul hecha a mano». Las imágenes meramente decorativas no necesitan descripción. Si no sabes cómo añadirla en tu herramienta, es una buena razón para preguntar al soporte.

Zonas táctiles suficientes

En el teléfono, los botones deben ser lo bastante grandes y estar lo bastante separados para tocarlos con el pulgar sin errores. Quien tiene temblor, dedos grandes o está en movimiento lo agradece, igual que quien tiene prisa. Evita colocar muchos enlaces muy juntos.

Que se pueda usar con teclado

Algunas personas no usan pantalla táctil ni ratón: navegan con el teclado o con dispositivos de apoyo. Una página accesible permite moverse por todos los enlaces con la tecla de tabulación, con un indicador visible de cuál está seleccionado. Puedes comprobarlo en una computadora: pulsa Tab repetidamente y observa si puedes recorrer todos los botones y ver dónde estás.

Movimiento y parpadeos

Los efectos de animación pueden resultar molestos o incluso dañinos para algunas personas (por ejemplo, con trastornos vestibulares o epilepsia fotosensible). Evita parpadeos rápidos, y si usas animaciones, procura que sean suaves y breves. Muchos dispositivos tienen un ajuste de «reducir movimiento»; una buena página lo respeta.

Lenguaje sencillo

La claridad del lenguaje es accesibilidad: frases cortas, palabras comunes, una idea por frase. Beneficia a personas con dificultades de lectura, a quien lee en un segundo idioma y a quien está cansado o con prisa. Evita la jerga, y explica las siglas la primera vez que las uses.

Video y audio

Si incluyes videos, los subtítulos ayudan a quien no puede oír, a quien está en un lugar ruidoso y a quien mira sin sonido, que son muchos. Si el contenido principal está en audio (un pódcast, por ejemplo), una transcripción es un complemento valioso. Hay más sobre esto en la guía de videos en tu página.

Una revisión de diez minutos

1. Baja el brillo del teléfono y abre la página: ¿se lee todo?
2. Aumenta el tamaño de letra del dispositivo: ¿se rompe la página?
3. Recorre los botones con la tecla Tab en una computadora.
4. Revisa los textos de los botones fuera de contexto: ¿se entienden?
5. Comprueba que ningún mensaje depende solo del color.
6. Verifica que las imágenes importantes tienen descripción.

Con estas seis comprobaciones habrás detectado la mayoría de los problemas habituales. Cuando quieras montar una página y revisarla, crea tu zona gratis.

Errores frecuentes

• Texto gris claro sobre fondo blanco.
• Botones sin texto descriptivo.
• Imágenes sin descripción.
• Información solo por color.
• Animaciones intensas.

Preguntas frecuentes

¿Mi página debe cumplir alguna norma?

Depende del país y del tipo de organización. Consulta la normativa que te sea aplicable. Las pautas WCAG son una referencia internacional habitual.

¿Cómo pruebo con un lector de pantalla?

Los sistemas operativos incluyen uno (por ejemplo, VoiceOver en iOS y macOS, TalkBack en Android). Actívalo y recorre tu página.

¿Accesible significa menos bonito?

No. Un diseño accesible puede ser tan atractivo como cualquier otro; solo exige decisiones conscientes sobre contraste, tamaño y claridad.

¿Por dónde empiezo?

Por el contraste y los textos de los botones: son los cambios que más impacto tienen con menos esfuerzo.