label-title-only

Los controles de formulario no deben usar title como única etiqueta

manualconfianza: mediumgravedad: minorunderstandable

Comprueba que un control de formulario con un atributo title también tiene una etiqueta real (elemento label, aria-label o aria-labelledby).

Ámbito de aplicación. Se aplica a los controles de formulario etiquetables (input, excluyendo hidden/submit/reset/button/image; select; textarea) que tienen un atributo title no vacío.

Resultado esperado. El control también tiene una etiqueta real (un <label> envolvente o asociado, aria-label, o aria-labelledby), en lugar de depender únicamente del atributo title. Una información sobre herramientas basada solo en title no se expone de forma fiable en toda la tecnología de asistencia y no es visible hasta el hover/foco, a diferencia de una etiqueta visible persistente.

Ejemplos

can't tell
<input title="Name">

El atributo `title` es el único mecanismo de nombrado del campo; se muestra como información sobre herramientas, no como una etiqueta visible persistente.

n/a
<label>Name <input title="Enter your full name"></label>

Un `<label>` real ya nombra el campo; `title` es solo complementario.

Ver código fuente