fix(autosave): Add alternative text to icons

demarches-simplifiees · Dec 19, 2024 · 88f1a83 · 88f1a83
1 parent ef8a362
commit 88f1a83
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 18 deletions.
diff --git a/app/components/dossiers/autosave_footer_component/autosave_footer_component.en.yml b/app/components/dossiers/autosave_footer_component/autosave_footer_component.en.yml
@@ -2,15 +2,15 @@
 en:
   brouillon:
     explanation: Your draft is automatically saved.
-    confirmation: Draft saved
-    error: Impossible to save the draft
+    confirmation_html: Draft successfully saved.
+    error_html: '<span class="sr-only">Warning:</span> Impossible to save the draft.</span>'
   en_construction:
     explanation: Your modifications are automatically saved.
     submit_them: Submit them when you’re done.
-    confirmation: Modifications saved
-    error: Impossible to save the modifications.
+    confirmation_html: Modifications successfully saved.
+    error_html: '<span class="sr-only">Warning:</span> Impossible to save the modifications.</span>'
   annotations:
     explanation: Your annotations are automatically saved.
-    confirmation: Annotations saved
-    error: Impossible to save the annotations
+    confirmation_html: Annotations successfully saved.
+    error_html: '<span class="sr-only">Warning:</span> Impossible to save the annotations.</span>'
   more_information: More informations
diff --git a/app/components/dossiers/autosave_footer_component/autosave_footer_component.fr.yml b/app/components/dossiers/autosave_footer_component/autosave_footer_component.fr.yml
@@ -2,15 +2,15 @@
 fr:
   brouillon:
     explanation: Votre brouillon est automatiquement enregistré.
-    confirmation: Brouillon enregistré
-    error: Impossible d’enregistrer le brouillon
+    confirmation_html: 'Brouillon enregistré <span class="sr-only">avec succès</span>'
+    error_html: '<span class="sr-only">Attention :</span> Impossible d’enregistrer le brouillon.</span>'
   en_construction:
     explanation: Vos modifications sont automatiquement enregistrées.
     submit_them: Déposez-les quand vous aurez terminé.
-    confirmation: Modifications enregistrées.
-    error: Impossible d’enregistrer les modifications
+    confirmation_html: 'Modifications enregistrées <span class="sr-only">avec succès</span>'
+    error_html: '<span class="sr-only">Attention :</span> Impossible d’enregistrer les modifications.</span>'
   annotations:
     explanation: Vos annotations sont automatiquement enregistrées.
-    confirmation: Annotations enregistrées
-    error: Impossible d’enregistrer les annotations
+    confirmation_html: 'Annotations enregistrées <span class="sr-only">avec succès</span>'
+    error_html: '<span class="sr-only">Attention :</span> Impossible d’enregistrer les annotations.</span>'
   more_information: En savoir plus
diff --git a/app/components/dossiers/autosave_footer_component/autosave_footer_component.html.haml b/app/components/dossiers/autosave_footer_component/autosave_footer_component.html.haml
@@ -16,23 +16,23 @@
     %span.fr-icon-success-fill.autosave-icon{ 'aria-hidden': 'true' }
     %span.autosave-label
       - if annotation?
-        = t('.annotations.confirmation')
+        = t('.annotations.confirmation_html')
       - elsif dossier.editing_fork?
-        = t('.en_construction.confirmation')
+        = t('.en_construction.confirmation_html')
       - else
-        = t('.brouillon.confirmation')
+        = t('.brouillon.confirmation_html')
     - if !annotation?
       = link_to t('.more_information'), t("links.common.faq.autosave_url"), class: 'fr-link fr-link--sm', **external_link_attributes
 
   %p.autosave-status.failed.fr-mb-0
     %span.fr-icon-warning-fill.autosave-icon{ 'aria-hidden': 'true' }
     %span.autosave-label
       - if annotation?
-        = t('.annotations.error')
+        = t('.annotations.error_html')
       - elsif dossier.editing_fork?
-        = t('.en_construction.error')
+        = t('.en_construction.error_html')
       - else
-        = t('.brouillon.error')
+        = t('.brouillon.error_html')
     %button.fr-btn.fr-btn--tertiary.fr-btn--sm.autosave-retry{ type: :button, data: { action: 'autosave-status#onClickRetryButton', autosave_status_target: 'retryButton' } }
       %span.autosave-retry-label Réessayer
       %span.autosave-retrying-label Enregistrement en cours…