Vue : construire une application web (école d'ingénieur) · Chapitre 12 · Exercice de TD
Vider sans annoncer
Projet : la Librairie en application Vue · niveau 1 (application)
Énoncé
Après une commande réussie, la page appelle panier.vider("") et non panier.vider(). Que se passerait-il, pour un utilisateur de lecteur d'écran, avec la seconde écriture ? Pourquoi l'action vider a-t-elle reçu un paramètre plutôt que de laisser la page écrire directement dans l'état du store ?
Corrigé
Le composant racine affiche l'annonce du panier dans une zone role="status" : un lecteur d'écran lit chaque changement de son texte. Avec vider(), il annoncerait « Le panier a été vidé. » en même temps que la confirmation de commande reçoit le focus : deux messages concurrents, dont le premier fait croire à une erreur. Le paramètre garde la règle dans le store (c'est vider qui décide de ce qu'est un panier vidé), tout en laissant à la page le choix du message ; écrire directement dans l'état depuis la page fonctionnerait, mais disperserait la logique du panier.
100 % gratuit
La suite du chapitre est sur Adloun
- 9 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.