Saltar al contenido
Pon el foco
Criterios de Operable

OperablePauta 2.5 Modalidades de entrada

2.5.3Etiqueta en el nombre

Nivel ALo exige la normativa (EN 301 549).

Qué pide

El nombre accesible de un control contiene el texto que se ve en él.

A quién ayuda: Usuarios de control por voz.

Un caso real

Un botón muestra «Buscar».

BienEl nombre accesible es «Buscar» o «Buscar productos».
MalEl aria-label dice «Lupa» y el usuario dice «Pulsa Buscar» sin resultado.

Cómo aplicarlo en código

El nombre accesible contiene el texto visible

Quien usa control por voz dice lo que ve («pulsar Enviar»). Si el nombre accesible es otro, la orden no funciona.

CorrectoHTML
<button type="submit">Enviar solicitud</button>

<!-- Si añades contexto, empieza por el texto visible -->
<button type="submit" aria-label="Buscar productos">Buscar</button>
IncorrectoHTML
<button type="submit" aria-label="Mandar formulario">Enviar</button>

Cómo comprobarlo

Compara el texto visible con el nombre accesible en las herramientas del navegador.

Understanding 2.5.3 (W3C, en inglés)