Adloun

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

Exercice suivant et tuteur

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.

Le cours du chapitre · Tous les exercices du chapitre

Exercice suivant et tuteur →