Campos de formulario sin etiqueta en Shopify

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 Shopify

Los formularios del checkout de Shopify ya vienen etiquetados. Revisa los que has añadido tú: newsletter en el pie, buscador del cabecero y formularios de apps de terceros.

Los temas de Shopify se editan en Tienda online › Temas. Para tocar código, «Editar código» abre las plantillas Liquid. Muchos ajustes de color y tipografía se cambian sin programar desde el editor de temas.

<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 WooCommerce
• Campos de formulario sin etiqueta en PrestaShop