polite ou assertive : choisir le niveau d'urgence
Déterminez si une mise à jour interrompt l'utilisateur.
polite ou assertive : choisir le niveau d'urgence est une leçon Web Accessibility Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Web Accessibility Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Web Accessibility Academy comprend 4 leçons au total.
Qu’est-ce qu’une région dynamique ?
Une région dynamique est un élément surveillé par un lecteur d’écran, qui énonce tout texte modifié à l’intérieur sans que l’utilisateur y déplace le focus.
Deux niveaux de politesse
L’attribut aria-live possède deux valeurs utiles auxquelles vous recourrez constamment : polite et assertive. Elles déterminent la manière dont une mise à jour est transmise. 🔊
Polite attend son tour
Avec polite, le lecteur d’écran termine ce qu’il est en train de dire, puis lit votre mise à jour. Il n’interrompt jamais l’utilisateur au milieu d’une phrase.
<div aria-live="polite">Draft saved</div>Assertive interrompt immédiatement
Avec assertive, le lecteur d’écran interrompt ce qu’il lit et annonce immédiatement votre mise à jour. Utilisez cette valeur uniquement lorsque faire attendre l’utilisateur aurait des conséquences.
<div aria-live="assertive">Connection lost</div>Polite est le choix par défaut
Choisissez polite presque chaque fois. Les mises à jour concernant l’enregistrement, le tri, le filtrage ou la progression peuvent attendre un instant sans dérouter qui que ce soit.
Réservez assertive aux urgences réelles
Utilisez assertive uniquement pour les informations que l’utilisateur doit entendre immédiatement, comme un paiement échoué ou une session sur le point d’expirer.
Il existe aussi off
La valeur off indique au lecteur d’écran d’ignorer les changements de cet élément. C’est la valeur par défaut implicite des éléments que vous n’avez pas marqués comme dynamiques.
<div aria-live="off">Silent updates</div>La région doit d’abord exister
L’élément dynamique doit se trouver dans le DOM avant que le texte ne change. Les lecteurs d’écran surveillent les régions existantes : ajoutez-la vide, puis remplissez-la.
<div id="msg" aria-live="polite"></div>Modifiez le texte, pas la région
Faites une annonce en mettant à jour le contenu textuel de la région existante. Remplacer toute la région peut empêcher l’annonce de fonctionner sans aucun avertissement.
document.getElementById('msg').textContent = 'Saved';Assertive peut s’accumuler
Déclenchez rapidement plusieurs mises à jour assertive et elles se gêneront, s’interrompant et se superposant à la précédente. Polite les met plutôt en file d’attente dans l’ordre.
Adaptez l’urgence aux conséquences
Choisissez le niveau en vous demandant dans quelle mesure une interruption est utile. Pour la plupart des mises à jour : polite. Pour les erreurs et avertissements auxquels l’utilisateur doit réagir : assertive.
Vérification rapide
Vous ajoutez une petite confirmation indiquant qu’une liste a été triée. Quel niveau de politesse convient le mieux ?
Récapitulatif : choisir le niveau d’urgence
Vous avez appris que polite attend et qu’assertive interrompt. Utilisez polite par défaut, réservez assertive aux véritables urgences et gardez la région dans le DOM. ✅
Questions Fréquemment Posées
La leçon « polite ou assertive : choisir le niveau d'urgence » est-elle gratuite ?
Oui — le texte complet de « polite ou assertive : choisir le niveau d'urgence » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Web Accessibility Academy, passe à CoddyKit PRO. Le cours Web Accessibility Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « polite ou assertive : choisir le niveau d'urgence » ?
Déterminez si une mise à jour interrompt l'utilisateur. Tu pratiques Web Accessibility Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Web Accessibility Academy ?
Aucune expérience préalable n'est requise. Web Accessibility Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « polite ou assertive : choisir le niveau d'urgence » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Web Accessibility Academy ?
Oui. Chaque leçon Web Accessibility Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- polite ou assertive : choisir le niveau d'urgence
- Rôles status, alert et log
- Annoncer les notifications, chargements et compteurs
- Pourquoi les régions dynamiques échouent et comment les corriger