La accesibilidad web es la práctica de hacer que tu sitio pueda ser usado por todas las personas, incluidas las que tienen discapacidades visuales, auditivas, motoras o cognitivas. No es un extra opcional: es parte de hacer bien una web. Te cuento lo básico.

Por qué importa

• Es lo justo: la web es un espacio público, y todo el mundo debería poder usarlo.
• Es práctico: muchos visitantes usan lectores de pantalla, teclado solo o pantallas con zoom. Si tu sitio no los soporta, los pierdes.
• Ayuda a todos: las mejoras de accesibilidad (texto legible, contraste, botones grandes) benefician a cualquier usuario, incluso en móvil.
• Lo premian los buscadores: Google valora las webs usables.

Texto alternativo en imágenes

Un texto alternativo (alt) describe una imagen para quienes no pueden verla (los lectores de pantalla lo leen en voz alta). En mi blog, cada imagen tiene un alt descriptivo: “Tablero de ajedrez neón”, “Ciudad cyberpunk de NeoByte”. Sin él, una persona ciega se pierde el contenido de la imagen.

Regla: si la imagen aporta información, descríbela. Si es decorativa, puede ir vacía.

Estructura y encabezados

Los encabezados (<h1>, <h2>, <h3>) no son solo estética: son el índice que los lectores de pantalla usan para navegar la página. Un buen orden de encabezados es como un esquema claro. Si todo es un <h1> gigante, la página se vuelve ilegible para quien navega sin verla.

Contraste de color

Este punto es delicado para un tema cyberpunk: los neones son bonitos, pero si el texto no tiene suficiente contraste con el fondo, hay personas que no lo pueden leer. La regla es que el texto principal sea claramente legible. Mi blog usa texto claro casi blanco sobre fondo oscuro, que tiene buen contraste, y los colores neón para detalles y enlaces, no para párrafos largos.

Funciona con teclado

Algunas personas no usan ratón: navegan con el tab y la barra espaciadora. Si tu web tiene botones o menús que solo responden al clic, esas personas no pueden usarla. La regla básica: todo lo que se pueda hacer con el ratón se debe poder hacer con el teclado.

Mis primeros pasos recomendados

1. Revisa que todas las imágenes tengan alt descriptivo.
2. Usa encabezados en orden y sin saltos raros.
3. Comprueba el contraste del texto (hay herramientas gratuitas para medirlo).
4. Prueba navegar tu web solo con el teclado.

El enfoque

La accesibilidad no se consigue de golpe: se mejora poco a poco, como el resto del desarrollo. Cada artículo que escribo, lo pruebo también con el lector de pantalla para asegurarme de que se lee en orden. Es un hábito, no un proyecto aparte.

Si tienes dudas sobre un punto concreto de tu web, cuéntamelo y vemos cómo hacerla más accesible.