From c9e379571237f7c26425eb75f98b1021749c68c0 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Sun, 25 Oct 2020 12:08:40 -0300
Subject: [PATCH] a11y pass

---
 components/core/I18nWidget/I18nWidget.tsx | 2 +-
 components/core/Searchbar/Searchbar.tsx   | 2 ++
 components/core/UserNav/UserNav.tsx       | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/core/I18nWidget/I18nWidget.tsx b/components/core/I18nWidget/I18nWidget.tsx
index e23a91865..1d50115a7 100644
--- a/components/core/I18nWidget/I18nWidget.tsx
+++ b/components/core/I18nWidget/I18nWidget.tsx
@@ -8,7 +8,7 @@ const I18nWidget: FC = () => {
   return (
     <nav className={s.root}>
       <Menu>
-        <Menu.Button className={s.button}>
+        <Menu.Button className={s.button} aria-label="Language selector">
           <img className="" src="/flag-us.png" alt="US Flag" />
           <span>English</span>
           <span className="">
diff --git a/components/core/Searchbar/Searchbar.tsx b/components/core/Searchbar/Searchbar.tsx
index 729948982..b807e10db 100644
--- a/components/core/Searchbar/Searchbar.tsx
+++ b/components/core/Searchbar/Searchbar.tsx
@@ -16,12 +16,14 @@ const Searchbar: FC<Props> = ({ className }) => {
 
   return (
     <label
+      htmlFor="search"
       className={cn(
         'relative text-sm bg-accents-1 text-base w-full transition-colors duration-150',
         className
       )}
     >
       <input
+        id="search"
         className={s.input}
         placeholder="Search for products..."
         defaultValue={router.query.q}
diff --git a/components/core/UserNav/UserNav.tsx b/components/core/UserNav/UserNav.tsx
index 20b59e24a..c1a67aa93 100644
--- a/components/core/UserNav/UserNav.tsx
+++ b/components/core/UserNav/UserNav.tsx
@@ -42,7 +42,7 @@ const UserNav: FC<Props> = ({ className, children, ...props }) => {
             <Menu>
               {({ open }) => (
                 <>
-                  <Menu.Button className={s.avatarButton}>
+                  <Menu.Button className={s.avatarButton} aria-label="Menu">
                     <Avatar />
                   </Menu.Button>
                   <DropdownMenu open={open} />