Skip to content

Commit 643aae5

Browse files
committed
Adde accessibility wrapper on the slider.
1 parent 2aeb6c2 commit 643aae5

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

apps/web/ui/partners/lander/blocks/earnings-calculator-block.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,12 +73,16 @@ export function EarningsCalculatorBlock({
7373
<div className="relative overflow-hidden rounded-[10px] border border-neutral-100 bg-neutral-50 p-5">
7474
<WavePattern />
7575
<div className="relative z-10 flex flex-col gap-5">
76-
<p className="text-base font-medium leading-6 tracking-[-0.32px] text-neutral-500">
76+
<p
77+
id={`${id}-label`}
78+
className="text-base font-medium leading-6 tracking-[-0.32px] text-neutral-500"
79+
>
7780
<NumberFlow value={value} /> customer sales
7881
</p>
7982
<input
8083
id={`${id}-slider`}
8184
type="range"
85+
aria-labelledby={`${id}-label`}
8286
min={SLIDER_MIN}
8387
max={SLIDER_MAX}
8488
value={value}

0 commit comments

Comments
 (0)