Merge pull request #1250 from StartupsPoleEmploi/dev

MEP: Affichage du niveau d'accessibilité sur le site Anotea
StartupsPoleEmploi · Feb 19, 2025 · 150dbbb · 150dbbb
2 parents dd46581 + 511820b
commit 150dbbb
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 2 deletions.
diff --git a/backend/src/http/site/pages/common/footer.ejs b/backend/src/http/site/pages/common/footer.ejs
@@ -11,6 +11,7 @@
         <a href="/cgu">CGU</a>
         <a href="#" class="open-modal-contact">Contact</a>
         <a href="<%= utils.getBackofficeUrl() %>">Administration</a>
+        <a href="https://www.francetravail.fr/informations/aide-et-accessibilite.html" rel="noopener" target="_blank">Accessibilité&nbsp;partiellement&nbsp;conforme</a>
     </div>
 
     <img src="/static/images/logo-ft-horizontal.svg" class="logo-pe" />

diff --git a/backend/src/http/site/static/css/footer.css b/backend/src/http/site/static/css/footer.css
@@ -45,9 +45,12 @@
     width: inherit;
     text-align: center;
     margin-top: -90px;
+
+    overflow-wrap: break-word;
+    word-wrap: break-word;
 }
 
-@media (max-width: 1000px) {
+@media (max-width: 1325px) {
     .footer {
         padding: 0;
     }
@@ -81,5 +84,18 @@
         width: max-content;
         text-align: inherit;
         margin-top: inherit;
+        display: inline-block;
+    }
+}
+
+@media (max-width: 560px) {
+    .footer .menu-footer {
+        display: inline-block;
+        flex-direction: column;
+        max-width: 90%;
+    }
+
+    .footer a {
+        line-height: 1em;
     }
 }
diff --git a/backend/src/http/site/static/css/header.css b/backend/src/http/site/static/css/header.css
@@ -308,4 +308,12 @@ a.contact {
         height: 48px;
         line-height: 48px;
     }
+}
+
+@media (max-width: 300px) {
+
+    .header .logo-pe-mobile {
+        display: none
+    }
+
 }
diff --git a/backend/src/http/site/static/css/home.css b/backend/src/http/site/static/css/home.css
@@ -333,7 +333,6 @@ body {
 
     .content-intro a.button {
         height: 48px;
-        width: 255px;
         line-height: 40px;
         font-size: 0.9em;
     }

diff --git a/backend/src/http/site/static/js/widget/anotea-widget-loader.js b/backend/src/http/site/static/js/widget/anotea-widget-loader.js
@@ -88,6 +88,7 @@ function loadWidget() {
     var elements = document.querySelectorAll('.anotea-widget');
     for (var i = 0; i < elements.length; i++) {
         var element = elements[i];
+        if (!isNullEmptyOrBlank(element.innerHTML)) continue;
         var attributes = {
             format: element.getAttribute('data-format'),
             env: element.getAttribute('data-env'),
@@ -110,5 +111,17 @@ function loadWidget() {
     }
 }
 
+function isNullEmptyOrBlank(s) {
+    if (s == null || typeof s !== 'string') {
+        return true;
+    }
+    for (var i = 0; i < s.length; i++) {
+        if (s.charCodeAt(i) > 32) { // Vérifie si le caractère n'est pas un espace blanc
+            return false;
+        }
+    }
+    return true;
+}
+
 document.addEventListener('DOMContentLoaded', loadWidget);