fix(a11y): add sr-only text in copy button

satnaing · Sep 15, 2024 · ac1e0c7 · ac1e0c7
1 parent 6112077
commit ac1e0c7
Showing 1 changed file with 3 additions and 0 deletions.
diff --git 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(