Fix aria-hidden in examples

barvian · Nov 26, 2024 · 94fd3e0 · 94fd3e0
1 parent dcc7290
commit 94fd3e0
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/site/src/pages/[...framework]/examples/_Input/react/Component.tsx b/site/src/pages/[...framework]/examples/_Input/react/Component.tsx
@@ -44,7 +44,7 @@ export default function Input({ value = 0, min = -Infinity, max = Infinity, onCh
 	return (
 		<div className="group flex items-stretch rounded-md text-3xl font-semibold ring ring-zinc-200 transition-[box-shadow] focus-within:ring-2 focus-within:ring-blue-500 dark:ring-zinc-800">
 			<button
-				aria-hidden
+				aria-hidden="true"
 				tabIndex={-1}
 				className="flex items-center pl-[.5em] pr-[.325em]"
 				disabled={min != null && value <= min}
@@ -73,7 +73,7 @@ export default function Input({ value = 0, min = -Infinity, max = Infinity, onCh
 				<NumberFlow
 					value={value}
 					format={{ useGrouping: false }}
-					aria-hidden
+					aria-hidden="true"
 					animated={animated}
 					onAnimationsStart={() => setShowCaret(false)}
 					onAnimationsFinish={() => setShowCaret(true)}
@@ -82,7 +82,7 @@ export default function Input({ value = 0, min = -Infinity, max = Infinity, onCh
 				/>
 			</div>
 			<button
-				aria-hidden
+				aria-hidden="true"
 				tabIndex={-1}
 				className="flex items-center pl-[.325em] pr-[.5em]"
 				disabled={max != null && value >= max}

diff --git a/site/src/pages/[...framework]/examples/_Input/svelte/Component.svelte b/site/src/pages/[...framework]/examples/_Input/svelte/Component.svelte
@@ -75,7 +75,7 @@
 		<NumberFlow
 			{value}
 			format={{ useGrouping: false }}
-			aria-hidden
+			aria-hidden="true"
 			{animated}
 			on:animationsstart={() => (showCaret = false)}
 			on:animationsfinish={() => (showCaret = true)}

diff --git a/site/src/pages/[...framework]/examples/_Input/vue/Component.vue b/site/src/pages/[...framework]/examples/_Input/vue/Component.vue
@@ -48,7 +48,7 @@ function handlePointerDown(event: PointerEvent, diff: number) {
 		class="focus-within:ring-accent group flex items-stretch rounded-md text-3xl font-semibold ring ring-zinc-200 transition-[box-shadow] focus-within:ring-2 dark:ring-zinc-800"
 	>
 		<button
-			aria-hidden
+			aria-hidden="true"
 			tabindex="{-1}"
 			class="flex items-center pl-[.5em] pr-[.325em]"
 			:disabled="min != null && modelValue <= min"
@@ -78,7 +78,7 @@ function handlePointerDown(event: PointerEvent, diff: number) {
 			<NumberFlow
 				:value="modelValue"
 				:format="{ useGrouping: false }"
-				aria-hidden
+				aria-hidden="true"
 				:animated
 				@animationsstart="showCaret = false"
 				@animationsfinish="showCaret = true"
@@ -87,7 +87,7 @@ function handlePointerDown(event: PointerEvent, diff: number) {
 			/>
 		</div>
 		<button
-			aria-hidden
+			aria-hidden="true"
 			tabindex="-1"
 			class="flex items-center pl-[.325em] pr-[.5em]"
 			:disabled="max != null && modelValue >= max"

diff --git a/site/src/pages/[...framework]/examples/_Slider/svelte/Component.svelte b/site/src/pages/[...framework]/examples/_Slider/svelte/Component.svelte
@@ -27,7 +27,7 @@
 			<NumberFlow
 				willChange
 				value={value[0]}
-				aria-hidden
+				aria-hidden="true"
 				continuous
 				opacityTiming={{
 					duration: 250,