From ac1e0c7a1b6883ca4453de8ddf5fe83f00a8b590 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sun, 15 Sep 2024 11:00:11 +0700
Subject: [PATCH] fix(a11y): add sr-only text in copy button

---
 src/components/snippet-accordion-item.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/snippet-accordion-item.tsx b/src/components/snippet-accordion-item.tsx
index f200174..139c3fd 100644
--- a/src/components/snippet-accordion-item.tsx
+++ b/src/components/snippet-accordion-item.tsx
@@ -43,6 +43,9 @@ export default function SnippetAccordionItem({
           className="absolute top-3 right-3 size-8"
           onClick={() => setCopied(snippet)}
         >
+          <span className="sr-only">
+            {copied ? "Code copied" : "Copy code"}
+          </span>
           <IconCheck
             size={16}
             className={cn(