En memoria de las víctimas del terremoto en Venezuela  ·  25 de junio de 2026

Hubo un tiempo cuando trabajaba en Avantio que teníamos un problema y no sabíamos que tenía solución.
Eric, el responsable de marketing digital, insistía: los botones tienen que ser descriptivos. «Ver detalles» no posiciona. «Ver detalles del informe de accesibilidad 2024» sí.
Tenía razón.
Yo le respondía que eso rompía el diseño. Una interfaz limpia no puede tener botones con tres líneas de texto. La coherencia visual importa.

También tenía razón.
Y ahí estábamos. Dos personas con razón, sin solución. Como un pueblo esperando algo que no llegaba.
Lo que no sabíamos ninguno de los dos es que la solución ya existía. Solo había que conocerla.

Bienvenido, `sr-only`.

El problema real

Imagina una tabla con varios perfiles. Cada fila tiene su nombre y un botón de acción.

Tres botones idénticos vistos por un lector de pantalla Una tabla con tres filas. Cada fila tiene un nombre y un botón Ver detalles. El lector de pantalla escucha tres veces lo mismo sin poder distinguir a qué fila corresponde cada botón. Nombre Acción Tim Moore Ver detalles Sara López Ver detalles Alex Kim Ver detalles Lector de pantalla "Ver detalles" "Ver detalles" "Ver detalles" ¿Cuál es cuál? Visualmente hay contexto. Para el lector de pantalla, no.
Tres botones idénticos: el contexto visual no llega al lector de pantalla

Visualmente, cada botón tiene contexto porque está al lado del nombre.
Un lector de pantalla que navega solo por botones escucha tres veces lo mismo: «Ver detalles. Ver detalles. Ver detalles.»

No sabe cuál es cuál. No puede elegir con información.

Esto no es un fallo de usuario. Es un fallo de diseño.