Saltar al contenido
Pon el foco
Criterios de Operable

OperablePauta 2.4 Navegable

2.4.6Encabezados y etiquetas

Nivel AALo exige la normativa (EN 301 549).

Qué pide

Los encabezados y las etiquetas describen el tema o propósito.

A quién ayuda: Todas las personas, especialmente con discapacidad cognitiva.

Un caso real

Un formulario de alta de suministro.

BienCampo con etiqueta «CUPS (código de 20 caracteres de tu factura)».
MalCampo con la etiqueta «Código».

Cómo aplicarlo en código

Encabezados y etiquetas descriptivos

CorrectoHTML
<h2>Dirección de envío</h2>
<label for="calle">Calle y número</label>
<input id="calle" autocomplete="address-line1">
IncorrectoHTML
<h2>Sección 2</h2>
<label for="calle">Campo 1</label>
<input id="calle">

Cómo comprobarlo

Lee solo los encabezados y etiquetas: ¿se entiende la página?

Understanding 2.4.6 (W3C, en inglés)