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} />