From 6c774ad920c138a67665665e5b94f83e42422abb Mon Sep 17 00:00:00 2001
From: LukaDev <47296785+lukadev-0@users.noreply.github.com>
Date: Mon, 14 Oct 2024 11:47:28 +0200
Subject: [PATCH] feat(website): fix accessibility issues

---
 .../[scope]/[name]/[[version]]/[[target]]/+layout.svelte   | 2 +-
 .../[scope]/[name]/[[version]]/[[target]]/Command.svelte   | 7 ++++---
 .../[name]/[[version]]/[[target]]/TargetSelector.svelte    | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/+layout.svelte b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/+layout.svelte
index 026dfc1..7914a4a 100644
--- a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/+layout.svelte
+++ b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/+layout.svelte
@@ -93,7 +93,7 @@
 			{#each exportEntries as [exportKey, exportName]}
 				{@const Icon = exportIcons[exportKey as keyof TargetInfo]}
 				<li class="flex items-center">
-					<Icon class="text-primary mr-2 size-5" />
+					<Icon aria-hidden="true" class="text-primary mr-2 size-5" />
 					{exportName}
 				</li>
 			{/each}
diff --git a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/Command.svelte b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/Command.svelte
index 5d89661..b133d2d 100644
--- a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/Command.svelte
+++ b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/Command.svelte
@@ -14,7 +14,7 @@
 <div class={`flex h-11 items-center overflow-hidden rounded border text-sm ${classname}`}>
 	<code class="truncate px-4">{command}</code>
 	<button
-		class="ml-auto flex size-11 items-center justify-center border-l bg-card/40 hover:bg-card/60"
+		class="bg-card/40 hover:bg-card/60 ml-auto flex size-11 items-center justify-center border-l"
 		onclick={() => {
 			navigator.clipboard.writeText(command)
 
@@ -26,10 +26,11 @@
 			}, 1000)
 		}}
 	>
+		<span class="sr-only">Copy</span>
 		{#if didCopy}
-			<Check class="size-5" />
+			<Check class="size-5" aria-hidden="true" />
 		{:else}
-			<Clipboard class="size-5" />
+			<Clipboard class="size-5" aria-hidden="true" />
 		{/if}
 	</button>
 </div>
diff --git a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/TargetSelector.svelte b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/TargetSelector.svelte
index ec4028c..50714b6 100644
--- a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/TargetSelector.svelte
+++ b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/TargetSelector.svelte
@@ -46,5 +46,5 @@
 			</option>
 		{/each}
 	</select>
-	<ChevronDownIcon class="pointer-events-none absolute right-4 h-5 w-5" />
+	<ChevronDownIcon aria-hidden="true" class="pointer-events-none absolute right-4 h-5 w-5" />
 </div>