fix: accessiblity issues

hkfi · Jul 14, 2024 · 5c8ed2b · 5c8ed2b
1 parent bd009a5
commit 5c8ed2b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/ThemeIcon.astro b/src/components/ThemeIcon.astro
@@ -2,7 +2,7 @@
 
 ---
 
-<button id='themeToggle'>
+<button id='themeToggle' aria-label='theme-toggle'>
   <svg class='h-6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
     <path
       id='sun'
@@ -22,11 +22,11 @@
     border: 0;
     background: none;
 
-    @apply hover:fill-orange-500 fill-text;
+    @apply fill-text hover:fill-orange-500;
   }
 
   :global(.dark) #themeToggle {
-    @apply hover:fill-purple-500 fill-text;
+    @apply fill-text hover:fill-purple-500;
   }
 
   :global(.dark) #sun {

diff --git a/src/layouts/Navbar/icons/Github.astro b/src/layouts/Navbar/icons/Github.astro
@@ -2,7 +2,7 @@
 
 ---
 
-<a href='https://github.com/hkfi' target='_blank'>
+<a href='https://github.com/hkfi' target='_blank' aria-label='github'>
   <svg viewBox='0 0 128 128' class='h-6 fill-text hover:fill-primary'>
     <g
       ><path

diff --git a/src/layouts/Navbar/icons/X.astro b/src/layouts/Navbar/icons/X.astro
@@ -2,7 +2,7 @@
 
 ---
 
-<a href='https://twitter.com/hkfidev' target='_blank'>
+<a href='https://twitter.com/hkfidev' target='_blank' aria-label='twitter'>
   <svg
     class='h-6 fill-text hover:fill-primary'
     xmlns='http://www.w3.org/2000/svg'
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,7 +2,7 @@ @@
     ---
-    <a href='https://github.com/hkfi' target='_blank'>
+    <a href='https://github.com/hkfi' target='_blank' aria-label='github'>
       <svg viewBox='0 0 128 128' class='h-6 fill-text hover:fill-primary'>
         <g
           ><path
@@ Expand Down @@