Comparaison comportementale
Barre de progression vs Indicateur d'attente
Choisir Barre de progression pour : Envoyer un fichier avec un avancement fiable en octets. Choisir Indicateur d'attente pour : Une courte opération n'a pas de valeur d'avancement utile.
| Dimension | Barre de progressionProgress bar | Indicateur d'attenteSpinner |
|---|---|---|
| Déclenchement | Une tâche mesurable commence et indique l’avancement par rapport au total. | Une opération dont la durée restante est inconnue commence. |
| Modalité | État de progression non modal ; le blocage appartient à la tâche environnante, pas à la barre. | Indicateur d’état non modal, sauf si le parcours environnant bloque lui-même l’interaction. |
| Positionnement | À côté de la tâche, du fichier ou de l’étape dont elle représente la progression. | Près de la région ou du contrôle concerné, sans remplacer le contenu sans rapport. |
| Interactivité | Généralement en lecture seule ; sa valeur et son libellé évoluent avec l’avancement mesurable. | Non interactif ; un état accessible indique que le traitement est toujours en cours. |
| Focus | L'indicateur ne reçoit pas le focus ; celui-ci reste sur les contrôles de l'opération ou la tâche actuelle. | Le focus reste sur le contrôle initiateur sauf si une transition documentée remplace toute la vue. |
| Fermeture | Il se termine seulement après réussite, échec ou annulation explicite et est remplacé par l'état final correspondant. | L'indicateur s'arrête lorsque le travail se termine ou est annulé ; il n'est jamais un message à fermer manuellement. |
| Rôle accessible | native progress element | status text with aria-busy on the updated region |
| Cas d’usage | Envoyer un fichier avec un avancement fiable en octets | Une courte opération n'a pas de valeur d'avancement utile |
| Comportement mobile | Utiliser la largeur disponible et garder le libellé ou la valeur lisible sans minuscule superposition. | Réserver un espace stable et accompagner l’indicateur d’un bref état textuel lorsque l’attente est perceptible. |