From 0f40bb3874080e10a1d61e79a9b1250c5e8df9f6 Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Wed, 10 Aug 2022 14:00:59 -0400
Subject: [PATCH] Add aria-label to fix accessibility

---
 src/components/astro/headers/BasicHeader.astro | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/astro/headers/BasicHeader.astro b/src/components/astro/headers/BasicHeader.astro
index dbf29b3..25acc3f 100644
--- a/src/components/astro/headers/BasicHeader.astro
+++ b/src/components/astro/headers/BasicHeader.astro
@@ -15,11 +15,13 @@
       <div class="flex items-center lg:hidden">
         <button type="button"
           class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center"
+          aria-label="Toggle between Dark and Light mode"
           onclick="window.toggleDarkMode()">
           <IconSun />
         </button>
         <button
           class="ml-1 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center"
+          aria-label="Toggle Menu"
           onclick="toggleMenu()">
 
           <IconMenu />