♿️(frontend) fix carousel focus ring visibility with NVDA
add :focus fallback for nav buttons when focus-visible detection fails
This commit is contained in:
@@ -206,6 +206,7 @@ export const IntroSlider = () => {
|
|||||||
ref={prevButtonRef}
|
ref={prevButtonRef}
|
||||||
variant="secondaryText"
|
variant="secondaryText"
|
||||||
square
|
square
|
||||||
|
className="carousel-nav-button"
|
||||||
aria-label={previousAriaLabel}
|
aria-label={previousAriaLabel}
|
||||||
onPress={() => {
|
onPress={() => {
|
||||||
focusTargetRef.current = 'prev'
|
focusTargetRef.current = 'prev'
|
||||||
@@ -234,6 +235,7 @@ export const IntroSlider = () => {
|
|||||||
ref={nextButtonRef}
|
ref={nextButtonRef}
|
||||||
variant="secondaryText"
|
variant="secondaryText"
|
||||||
square
|
square
|
||||||
|
className="carousel-nav-button"
|
||||||
aria-label={nextAriaLabel}
|
aria-label={nextAriaLabel}
|
||||||
onPress={() => {
|
onPress={() => {
|
||||||
focusTargetRef.current = 'next'
|
focusTargetRef.current = 'next'
|
||||||
|
|||||||
Reference in New Issue
Block a user