From 7c99e66c7651f2e550dc1118e9c775a158fb86a0 Mon Sep 17 00:00:00 2001
From: aakankshabhende <aakanksha0407@gmail.com>
Date: Sat, 30 Nov 2024 20:11:02 +0530
Subject: [PATCH] Added aria-label to language selector

---
 components/Hero.tsx                            | 2 +-
 components/languageSelector/LanguageSelect.tsx | 1 +
 components/slack/index.tsx                     | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/Hero.tsx b/components/Hero.tsx
index c0609e837569..8d888d8ea1fe 100644
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -72,7 +72,7 @@ export default function Hero({ className = '' }: HeroProps) {
               </SearchButton>
             </AlgoliaSearch>
           </div>
-          <Paragraph typeStyle={ParagraphTypeStyle.sm} className='mt-4' textColor='text-gray-500'>
+          <Paragraph typeStyle={ParagraphTypeStyle.sm} className='mt-4' textColor='text-gray-700'>
             {t('main.slogan_text')}{' '}
             <a className='underline' href='https://www.linuxfoundation.org/'>
               {t('main.slogan_link')}
diff --git a/components/languageSelector/LanguageSelect.tsx b/components/languageSelector/LanguageSelect.tsx
index d2d4f0750514..225fc24ba240 100644
--- a/components/languageSelector/LanguageSelect.tsx
+++ b/components/languageSelector/LanguageSelect.tsx
@@ -14,6 +14,7 @@ export default function LanguageSelect({ className = '', onChange = () => {}, op
   return (
     <select
       data-testid='Select-form'
+      aria-label="language select"
       onChange={(ev) => onChange(ev.target.value)}
       className={twMerge(
         `form-select h-full py-0 px-3 pr-7 inline-flex justify-center rounded-md border border-gray-300 shadow-sm py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:border-gray-500 focus:outline-none focus:ring-0 focus:ring-black ${className}`
diff --git a/components/slack/index.tsx b/components/slack/index.tsx
index 5d3b4a17fd64..25fbd97249ad 100644
--- a/components/slack/index.tsx
+++ b/components/slack/index.tsx
@@ -51,7 +51,7 @@ export default function Slack({ className = '' }: SlackProps) {
         <SlackMessage
           avatar='/img/homepage/eve-and-chan.webp'
           name='Eve & Chan'
-          text={<span className='text-gray-500'>Joined #general.</span>}
+          text={<span className='text-gray-700'>Joined #general.</span>}
         />
         <SlackMessage
           avatar='/img/homepage/eve-and-chan.webp'