From a495ef83894c4c7eae98ae122f121ec1a4837e6a Mon Sep 17 00:00:00 2001 From: Usman Baig Date: Fri, 27 Mar 2026 12:26:54 +0100 Subject: [PATCH] fix: only show slider focus ring on keyboard navigation Replace focus: with focus-visible: on range input so the orange ring only appears during keyboard nav, not on click. --- components/PricingSection.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/PricingSection.tsx b/components/PricingSection.tsx index e8678c9..053f94b 100644 --- a/components/PricingSection.tsx +++ b/components/PricingSection.tsx @@ -230,7 +230,7 @@ export default function PricingSection() { onChange={(e) => setSliderIndex(parseInt(e.target.value))} aria-label="Monthly pageview limit" aria-valuetext={`${currentTraffic.label} pageviews per month`} - className="w-full h-2 bg-neutral-700 rounded-lg appearance-none cursor-pointer accent-brand-orange focus:outline-none focus:ring-2 focus:ring-brand-orange focus:ring-offset-2" + className="w-full h-2 bg-neutral-700 rounded-lg appearance-none cursor-pointer accent-brand-orange focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-orange focus-visible:ring-offset-2" />