From b4de7008f3d1262cf7d233fb66e6a07765ada49c Mon Sep 17 00:00:00 2001
From: Sha Mwe La <62544170+shamwela@users.noreply.github.com>
Date: Tue, 15 Feb 2022 23:00:11 +0630
Subject: [PATCH] [Beta] Add ARIA labels (#4335)

* Add ARIA labels

* Remove unnecessary ARIA label

* Add Facebook and Twitter ARIA labels
---
 beta/src/components/Layout/Footer.tsx  | 2 ++
 beta/src/components/Layout/Nav/Nav.tsx | 1 +
 beta/src/components/Search.tsx         | 1 +
 3 files changed, 4 insertions(+)

diff --git a/beta/src/components/Layout/Footer.tsx b/beta/src/components/Layout/Footer.tsx
index f4db85b4..5133dc79 100644
--- a/beta/src/components/Layout/Footer.tsx
+++ b/beta/src/components/Layout/Footer.tsx
@@ -126,11 +126,13 @@ export function Footer() {
               </FooterLink>
               <div className="flex flex-row mt-8 gap-x-2">
                 <ExternalLink
+                  aria-label="React on Facebook"
                   href="https://www.facebook.com/react"
                   className={socialLinkClasses}>
                   <IconFacebookCircle />
                 </ExternalLink>
                 <ExternalLink
+                  aria-label="React on Twitter"
                   href="https://twitter.com/reactjs"
                   className={socialLinkClasses}>
                   <IconTwitter />
diff --git a/beta/src/components/Layout/Nav/Nav.tsx b/beta/src/components/Layout/Nav/Nav.tsx
index 0c6db813..a8b36753 100644
--- a/beta/src/components/Layout/Nav/Nav.tsx
+++ b/beta/src/components/Layout/Nav/Nav.tsx
@@ -173,6 +173,7 @@ export default function Nav() {
       <div className="flex my-4 h-10 mx-0 w-full lg:hidden justify-end slg:max-w-sm">
         <Search />
         <button
+          aria-label="Give feedback"
           type="button"
           className="inline-flex lg:hidden items-center p-1 ml-4 lg:ml-6 relative top-px"
           onClick={handleFeedback}>
diff --git a/beta/src/components/Search.tsx b/beta/src/components/Search.tsx
index 86372f7a..c1cdb6ed 100644
--- a/beta/src/components/Search.tsx
+++ b/beta/src/components/Search.tsx
@@ -95,6 +95,7 @@ export const Search: React.FC<SearchProps> = ({
       </Head>
 
       <button
+        aria-label="Search"
         type="button"
         className="inline-flex md:hidden items-center text-lg p-1 ml-4 lg:ml-6"
         onClick={onOpen}>