Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Por qué debe aparecer el título visible en el nombre almacenado?
El título visible de un control debe aparecer en su nombre almacenado legible por máquina porque los usuarios de control por voz hablan lo que ven: quien dice «Haz clic en Enviar» solo alcanza el botón si su nombre almacenado contiene la palabra «Enviar». Si el nombre invisible difiere, el comando de voz no llega a ningún lado. El criterio WCAG 2.5.3 «Etiqueta en el nombre» previene exactamente esta divergencia.
El texto visible y el nombre almacenado pueden divergir
Cada control tiene, además del texto visible, un nombre legible por máquina que usan los lectores de pantalla y el control por voz. Normalmente ambos son idénticos. Se separan cuando los desarrolladores sobrescriben deliberadamente el nombre en el código fuente — a menudo con buena intención para dar más contexto a los lectores de pantalla. Un ejemplo: el botón muestra «Solicitar oferta», el nombre almacenado es «Abrir formulario de contacto». Un usuario de control por voz dice «Haz clic en Solicitar oferta» — y nada sucede porque no existe un elemento con ese nombre para el software. La regla es simple: el nombre almacenado puede complementar pero debe contener el texto visible, preferiblemente al inicio.
Así verifica el servicio de comprobación el título en el nombre
La medición busca todos los enlaces y botones cuyo nombre se ha sobrescrito en el código fuente y compara el texto visible con el nombre almacenado. Si falta completamente el texto visible en el nombre, se considera incumplimiento del criterio — el informe nombra el elemento y ambos textos. La medición trata los casos límite con cautela: si las primeras palabras del título están en el nombre, solo el texto posterior difiere, el informe anota un punto de verificación manual en lugar de un incumplimiento. Los textos visibles muy cortos que funcionan como símbolo — por ejemplo una «X» para cerrar — están exentos según el criterio y no se imputan.
Beispiele
Hinterlegter Name ohne die sichtbare Beschriftung
<button aria-label="Absenden">Anfrage schicken</button><button>Anfrage schicken</button>
<!-- oder: aria-label="Anfrage schicken an den Vertrieb" -->Sprachsteuerung sagt „Klicke Anfrage schicken“. Der zugängliche Name muss den sichtbaren Text enthalten, am besten am Anfang.
- Pida a su agencia que liste todos los nombres sobrescritos en el código fuente y los compare con los títulos visibles.
- Coloque el texto visible al inicio del nombre almacenado; los complementos van detrás.
- Evite nombres sobrescritos donde el texto visible ya lo dice todo — ningún nombre es mejor que uno que difiera.
- Pruebe de manera selectiva con el control por voz de su teléfono: diga el texto visible de un botón y compruebe si responde.