From dbc009173293259848cfca136c885d2a77a0c21e Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 5 Nov 2020 18:23:24 -0300
Subject: [PATCH] More A11y work

---
 components/common/Footer/Footer.tsx       | 6 +++++-
 components/common/Searchbar/Searchbar.tsx | 3 +--
 components/common/UserNav/UserNav.tsx     | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/common/Footer/Footer.tsx b/components/common/Footer/Footer.tsx
index abc1ed0e8..55ed5289d 100644
--- a/components/common/Footer/Footer.tsx
+++ b/components/common/Footer/Footer.tsx
@@ -84,7 +84,11 @@ const Footer: FC<Props> = ({ className, pages }) => {
           </div>
           <div className="col-span-1 lg:col-span-6 flex items-start lg:justify-end text-primary">
             <div className="flex space-x-6 items-center h-10">
-              <a href="https://github.com/vercel/commerce" className={s.link}>
+              <a
+                aria-label="Github Repository"
+                href="https://github.com/vercel/commerce"
+                className={s.link}
+              >
                 <Github />
               </a>
               <I18nWidget />
diff --git a/components/common/Searchbar/Searchbar.tsx b/components/common/Searchbar/Searchbar.tsx
index d598eba84..53672263f 100644
--- a/components/common/Searchbar/Searchbar.tsx
+++ b/components/common/Searchbar/Searchbar.tsx
@@ -22,9 +22,8 @@ const Searchbar: FC<Props> = ({ className, id = 'search' }) => {
         className
       )}
     >
-      <label htmlFor={id}>
+      <label>
         <input
-          id={id}
           className={s.input}
           placeholder="Search for products..."
           defaultValue={router.query.q}
diff --git a/components/common/UserNav/UserNav.tsx b/components/common/UserNav/UserNav.tsx
index b5f79233e..7ceadb9ca 100644
--- a/components/common/UserNav/UserNav.tsx
+++ b/components/common/UserNav/UserNav.tsx
@@ -34,7 +34,7 @@ const UserNav: FC<Props> = ({ className, children, ...props }) => {
           </li>
           <li className={s.item}>
             <Link href="/wishlist">
-              <a onClick={closeSidebarIfPresent}>
+              <a onClick={closeSidebarIfPresent} aria-label="Wishlist">
                 <Heart />
               </a>
             </Link>