Merge pull request #871 from zheyichn/zheyichn/856-footer-a11y-issues

fix footer a11y issue
CodeForPhilly · Aug 14, 2024 · 8de6f46 · 8de6f46
2 parents 4686db0 + d8ad340
commit 8de6f46
Showing 1 changed file with 19 additions and 12 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -20,40 +20,47 @@ const Footer = () => {
               <span className="base-sm text-gray-600">
                 © 2024 Clean & Green Philly
               </span>
+              <span className="max-sm:hidden pl-2 pr-1" aria-hidden="true">
+                —
+              </span>
             </li>
 
-            <span className="max-sm:hidden">—</span>
-
-            <li className="base-sm underline text-gray-600 mx-auto">
+            <li className="base-sm  text-gray-600 mx-auto">
               <a
-                className="hover:text-gray-800 cursor-pointer"
+                className="hover:text-gray-800 cursor-pointer underline"
                 onClick={onClickCookieSettings}
               >
                 Cookie Settings
               </a>
+              <span className="max-sm:hidden pl-2 pr-1" aria-hidden="true">
+                —
+              </span>
             </li>
 
-            <span className="max-sm:hidden">—</span>
-
-            <li className="base-sm underline text-gray-600 mx-auto">
-              <Link href="/legal-disclaimer" className="hover:text-gray-800">
+            <li className="base-sm text-gray-600 mx-auto">
+              <Link
+                href="/legal-disclaimer"
+                className="hover:text-gray-800 underline"
+              >
                 Legal Disclaimer
               </Link>
+              <span className="max-sm:hidden pl-2 pr-1" aria-hidden="true">
+                —
+              </span>
             </li>
 
-            <span className="max-sm:hidden">—</span>
-
             <li>
               <a
                 href="mailto:cleanandgreenphl@gmail.com"
                 className="base-sm underline text-gray-600 hover:text-gray-800"
               >
                 Contact Us
               </a>
+              <span className="max-sm:hidden pl-2 pr-1" aria-hidden="true">
+                —
+              </span>
             </li>
 
-            <span className="max-sm:hidden">—</span>
-
             <li className="base-sm underline text-gray-600 mx-auto">
               <Link
                 href="/accessibility-statement"