Campos de formulario sin etiqueta en PrestaShop

WCAG 1.3.1, 3.3.2, 4.1.2 (A) · EN 301 549 9.1.3.1, 9.3.3.2, 9.4.1.2

Hay campos de formulario sin nombre accesible: ni <label>, ni aria-label, ni aria-labelledby.

Dónde tocarlo en PrestaShop

Revisa los módulos de newsletter y de búsqueda, que a menudo usan solo placeholder.

Las plantillas están en themes/<tu-tema>/templates. Recuerda vaciar la caché tras cada cambio o no verás nada.

<input type="email" name="email">

<label for="email">Correo electrónico</label>
<input type="email" id="email" name="email" autocomplete="email">

<!-- O envolviendo -->
<label>Código postal
  <input type="text" name="cp" autocomplete="postal-code">
</label>

Por qué importa

Un campo sin etiqueta se anuncia como «cuadro de texto» y nada más. En un buscador es molesto; en la dirección de envío del checkout hace que la compra sea imposible de completar sin adivinar.

En otras plataformas

• Campos de formulario sin etiqueta en Shopify
• Campos de formulario sin etiqueta en WooCommerce