🐛 fix(*): accessibilité aria-live [DS-3323] (#654)

- remplace la valeur aria-live `assertive` par `polite`
GouvernementFR · Jul 3, 2023 · e9a3b82 · e9a3b82
1 parent eee705f
commit e9a3b82
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/analytics/example/spa/agnostic/index.ejs b/src/analytics/example/spa/agnostic/index.ejs
@@ -58,7 +58,7 @@
                 </label>
                 <input class="<%= prefix %>-input" aria-describedby="search-121-input-messages"
                   placeholder="Rechercher" id="search-121-input" type="search">
-                <div class="<%= prefix %>-messages-group" id="search-121-input-messages" aria-live="assertive">
+                <div class="<%= prefix %>-messages-group" id="search-121-input-messages" aria-live="polite">
                 </div>
                 <button class="<%= prefix %>-btn" id="search-btn-132" title="Rechercher">
                   Rechercher

diff --git a/src/analytics/example/spa/angular/_index.ejs b/src/analytics/example/spa/angular/_index.ejs
@@ -66,7 +66,7 @@ app.config(function($routeProvider) {
                                     Rechercher
                                 </label>
                                 <input class="fr-input" aria-describedby="search-121-input-messages" placeholder="Rechercher" id="search-121-input" type="search"/>
-                                <div class="fr-messages-group" id="search-121-input-messages" aria-live="assertive">
+                                <div class="fr-messages-group" id="search-121-input-messages" aria-live="polite">
                                 </div>
                                 <button class="fr-btn" id="search-btn-132" title="Rechercher">
                                     Rechercher

diff --git a/src/analytics/example/spa/react/index.ejs b/src/analytics/example/spa/react/index.ejs
@@ -66,7 +66,7 @@
                                         Rechercher
                                     </label>
                                     <input class="fr-input" aria-describedby="search-121-input-messages" placeholder="Rechercher" id="search-121-input" type="search"/>
-                                    <div class="fr-messages-group" id="search-121-input-messages" aria-live="assertive">
+                                    <div class="fr-messages-group" id="search-121-input-messages" aria-live="polite">
                                     </div>
                                     <button class="fr-btn" id="search-btn-132" title="Rechercher">
                                         Rechercher

diff --git a/src/analytics/example/spa/vue/index.ejs b/src/analytics/example/spa/vue/index.ejs
@@ -53,7 +53,7 @@
                                         Rechercher
                                     </label>
                                     <input class="<%= prefix %>-input" aria-describedby="search-121-input-messages" placeholder="Rechercher" id="search-121-input" type="search">
-                                    <div class="<%= prefix %>-messages-group" id="search-121-input-messages" aria-live="assertive">
+                                    <div class="<%= prefix %>-messages-group" id="search-121-input-messages" aria-live="polite">
                                     </div>
                                     <button class="<%= prefix %>-btn" id="search-btn-132" title="Rechercher">
                                         Rechercher

diff --git a/src/component/form/template/ejs/message/messages-group.ejs b/src/component/form/template/ejs/message/messages-group.ejs
@@ -14,7 +14,7 @@
 <%
 const messagesGroup = locals.messagesGroup || {};
 const classes = [...messagesGroup.classes || [], `${prefix}-messages-group`];
-const attributes = { ...messagesGroup.attributes, id: messagesGroup.id, 'aria-live': 'assertive' };
+const attributes = { ...messagesGroup.attributes, id: messagesGroup.id, 'aria-live': 'polite' };
 const messages = messagesGroup.messages || [];
 %>
 <% if (messages.length > 0 || messagesGroup.includeEmpty) { %>