From f9d166fbfea907e567d2b261d62993d571cb5eca Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Wed, 6 Nov 2024 16:13:30 +0100
Subject: [PATCH] fix: add a screen reader-only text for the "Close" button

---
 components/Header.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Header.jsx b/components/Header.jsx
index 71959fd..099169d 100644
--- a/components/Header.jsx
+++ b/components/Header.jsx
@@ -117,6 +117,7 @@ function Header({ docLinks }) {
             }}
             className="inline-block md:hidden self-center"
           >
+            <span className="sr-only">Close</span>
             <X className="inline-block w-8 h-8 py-1 rounded-sm bg-background text-foreground hover:bg-accent/60 hover:text-accent-foreground transition-colors" />
           </button>
         </div>