Aclarar acciones y respuestas después de la activación.
Progreso de la revisión
Comparar información y presentación en contexto de uso.
Pruebe la operación, cambie el estado y continúe trabajando.
El progreso se guarda automáticamente en este navegador.
GUÍA
Presione el botón cuando la red esté lenta y luego presione nuevamente. Responda al estado del procesamiento con suficiente antelación, evite envíos duplicados y utilice una etiqueta que indique el resultado de la acción en lugar de una palabra genérica.
EJEMPLOS
El botón "Guardar cambios" cambia a "Guardando..." durante el procesamiento; Cuando haya terminado, muestre la confirmación y permita que continúe la edición.
Utilice escalas de tamaño claras para formularios, barras de herramientas y acciones en dispositivos móviles.
Pruebe con etiquetas más largas y aumente el tamaño de fuente; El botón mantiene el área táctil sin desbordarse del diseño.
Ejemplo El botón "Confirmar pedido" es grande en el móvil; Botón de filtro en la barra de herramientas.
De forma predeterminada, pasar el cursor, enfocar, desactivar y cargar necesitan sus propias marcas, independientemente de cada color.
Envíe una vez y luego haga clic nuevamente mientras espera; Las tareas no se superponen y el enfoque sigue siendo visible.
Ejemplo El botón cambia a "Guardando..." mientras se procesa la solicitud.
El icono admite el significado de la etiqueta; El botón solo tiene un ícono que necesita un nombre de usuario y sugerencias cuando sea necesario.
Lea el nombre del botón con un lector de pantalla y pruébelo con alguien que no conozca el ícono.
Ejemplo El botón de la papelera tiene la etiqueta aria "Eliminar borrador", no solo "Eliminar".
Distinga acciones primarias, secundarias y peligrosas con un sistema consistente.
Coloque dos acciones una al lado de la otra; Los usuarios deben comprender el paso principal y las consecuencias de la eliminación.
Ejemplo “Guardar cambios” usando el botón principal; "Cancelar" utiliza el botón del encendedor.
