Add a <noscript> banner to the base template

Explain how to enable JavaScript for users and use the site features for users.
gip-inclusion · Apr 25, 2024 · a63b495 · a63b495
1 parent ca5078b
commit a63b495
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/itou/templates/layout/base.html b/itou/templates/layout/base.html
@@ -39,6 +39,15 @@
         {% block extra_head %}{% endblock %}
     </head>
     <body class="{% block body_class %}{% endblock %}">
+        <noscript>
+            <div class="alert alert-info" role="status">
+                <p class="mb-0">
+                    Pour bénéficier de toutes les fonctionnalités de ce site, l’activation de JavaScript est nécessaire.
+                    Voici les <a href="https://www.enablejavascript.io/" target="_blank" rel="noopener">
+                    instructions pour activer JavaScript dans votre navigateur Web</a>.
+                </p>
+            </div>
+        </noscript>
         <nav role="navigation" aria-label="Accès rapide" tabindex="0" class="visually-hidden">
             <ul>
                 <li>