fix: accessibility (#92)

* fix: accessibility * fix/add linkedin link and precisions alt
SocialGouv · Dec 7, 2023 · db0146b · db0146b
1 parent 491baf8
commit db0146b
Show file tree

Hide file tree

Showing 6 changed files with 164 additions and 61 deletions.
diff --git a/components/Footer.js b/components/Footer.js
@@ -63,7 +63,7 @@ export default function Footer() {
               link="mailto:[email protected]"
             /> */}
             <button
-              className="block text-sm font-light mb-2 cursor-pointer"
+              className="block underline text-sm font-light mb-2 cursor-pointer"
               onClick={() => setShowContactPopup(true)}
             >
               → Nous contacter ?
@@ -98,14 +98,14 @@ export default function Footer() {
                 <img
                   className="object-contain"
                   src="images/other/google-play-fr.png"
-                  alt=""
+                  alt="Disponible sur Google Play"
                 />
               </a>
               <a href={IOS_URL}>
                 <img
                   className="object-contain"
                   src="images/other/app-store-fr.png"
-                  alt=""
+                  alt="Télécharger dans l'App Store"
                 />
               </a>
             </div>
@@ -118,28 +118,28 @@ export default function Footer() {
                 <img
                   className="object-contain w-[40px]"
                   src="images/icon/instagram.svg"
-                  alt="instagram"
+                  alt="Vers profil instagram"
                 />
               </a>
               <a href={FACEBOOK_URL}>
                 <img
                   className="object-contain w-[40px]"
                   src="images/icon/facebook.svg"
-                  alt="facebook"
+                  alt="Vers profil facebook"
                 />
               </a>
               <a href={TWITTER_URL}>
                 <img
                   className="object-contain w-[40px]"
                   src="images/icon/X.svg"
-                  alt="twitter"
+                  alt="Vers profil twitter"
                 />
               </a>
               <a href={LINKEDIN_URL}>
                 <img
                   className="object-contain w-[40px]"
                   src="images/icon/linkedin.svg"
-                  alt="linkedin"
+                  alt="Vers profil linkedin"
                 />
               </a>
             </div>
@@ -156,7 +156,7 @@ export default function Footer() {
 const ArrowList = ({ text, link }) => (
   <div className="mb-2">
     <a href={link}>
-      <p className="text-sm font-light">→ {text}</p>
+      <p className="text-sm font-light underline">→ {text}</p>
     </a>
   </div>
 )
diff --git a/components/Navigation.js b/components/Navigation.js
@@ -27,7 +27,11 @@ export default function Navigation({ showPopup, setShowPopup }) {
       <nav className="flex items-center justify-between px-5 bg-white fixed w-full h-[70px] top-0 z-0">
         <div>
           <a className="flex-center" href="/">
-            <img className="w-14" src="/images/logo_oz.png" alt="" />
+            <img
+              className="w-14"
+              src="/images/logo_oz.png"
+              alt="Logo principal, cliquez pour accéder à l'accueil"
+            />
           </a>
         </div>
         <div className="items-center justify-center md:flex">

diff --git a/next.config.js b/next.config.js
@@ -1,4 +1,9 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  i18n: {
+    locales: ["fr"],
+    defaultLocale: "fr",
+  },
+}
 
-module.exports = nextConfig;
+module.exports = nextConfig