Merge pull request #8629 from demarches-simplifiees/a11y-8118-script-folder-creation

a11y : add scrolling functionnality for description procedure Closes #8629

app/assets/stylesheets/procedure_context.scss

@@ -100,7 +100,7 @@ $procedure-description-line-height: 22px;
       // If the text exceeds the max-height,
       // truncate it and displays the "Read more" button.
       &.read-more-enabled {
-        overflow: hidden;
+        overflow: auto;
         border-bottom: 1px solid $border-grey;
 
         + .read-more-button {

app/views/shared/_procedure_description.html.haml

@@ -22,6 +22,6 @@
     %p Vous pouvez déposer vos dossiers jusqu’au #{procedure_auto_archive_datetime(procedure)}.
 
 .procedure-description
-  .procedure-description-body.read-more-enabled.read-more-collapsed
+  .procedure-description-body.read-more-enabled.read-more-collapsed{ tabindex: "0", role: "region", "aria-label": t('views.users.dossiers.identite.description') }
     = h string_to_html(procedure.description, allow_a: true)
   = button_tag "Afficher la description complète", class: 'button read-more-button'

config/locales/en.yml

@@ -265,6 +265,7 @@ en:
           identity_data: Identity data
           all_required: All fields are required.
           civility: Civility
+          description: Description of the procedure
           first_name: First Name
           last_name: Last Name
           birthdate: Date de naissance

config/locales/fr.yml

@@ -261,6 +261,7 @@ fr:
           identity_data: Données d’identité
           all_required: Tous les champs sont obligatoires.
           civility: Civilité
+          description: Description de la démarche
           first_name: Prénom
           last_name: Nom
           birthdate: Date de naissance