Aria label

etiqueta ARIA

El aria label es un atributo de código que pone nombre a un botón, icono o enlace que no tiene texto visible, para que los lectores de pantalla sepan qué hace. Forma parte de ARIA, un conjunto de reglas de accesibilidad web.

Sin él, un botón que solo muestra una lupa se anuncia como "botón" y deja a quien no ve la pantalla sin saber que sirve para buscar. Con él, el lector dice "buscar". El mismo problema aparece en el menú de tres rayas, en el icono del carrito y en las flechas de un carrusel. La etiqueta debe describir la acción, no el dibujo: "cerrar aviso" vale más que "cruz".

No sustituye a un texto visible cuando ese texto puede estar. Si el botón ya dice "Pedir cita", añadirle una etiqueta igual duplica el anuncio y cansa. Una clínica de fisioterapia en Palencia descubrió en una revisión de accesibilidad que su botón de WhatsApp, el más usado en móvil, no tenía nombre. Lo añadieron y las llamadas de personas mayores que usaban lector de pantalla empezaron a llegar por esa vía. La accesibilidad no es un extra estético: es que la web se pueda usar.

Pattterns ahora es Ocelot