Usabilidad y accesibilidad

Cómo diseñar etiquetas de formularios

La etiqueta explica qué dato se solicita y debe permanecer disponible. El texto de ejemplo dentro del campo no cumple la misma función.

Por Vynta1 min de lectura

La etiqueta explica qué dato se solicita y debe permanecer disponible. El texto de ejemplo dentro del campo no cumple la misma función.

Qué hacer

  1. Asocia etiqueta y control.
  2. Distingue requisitos y ejemplos.
  3. Conserva instrucciones cuando el usuario escribe.

Ejemplo práctico

Ejemplo hipotético. «Correo electrónico» como etiqueta y «nombre@empresa.com» como ejemplo permiten recordar qué campo estás rellenando.

Error que conviene evitar

Usar solo un placeholder que desaparece con el primer carácter.

Cómo comprobarlo

Comprueba que el nombre del campo sigue siendo reconocible después de rellenarlo.

Puedes situar esta decisión en la guía cómo revisar la usabilidad y accesibilidad de una web.

Siguiente paso

Para continuar con una decisión relacionada, consulta cómo mejorar la captación de clientes desde tu web. También puedes profundizar en cómo organizar el mantenimiento de una web.

Si necesitas llevarlo a tu empresa, revisa nuestro servicio de desarrollo web y cuéntanos el proceso que quieres resolver.

Documentación para ampliar

La documentación enlazada amplía los conceptos técnicos. Los criterios y ejemplos de esta guía son orientaciones editoriales; comprueba las condiciones concretas de tu proyecto antes de aplicarlos.

← Volver a usabilidad y accesibilidadHablar de mi proyecto