A11y: ignore rule since there's a button handling keyboard interaction (#62856)

ignore a11y rule since there's a button handling keyboard interaction
This commit is contained in:
Ashley Harrison
2023-02-08 14:29:30 +00:00
committed by GitHub
parent a7ae05285c
commit 4181acec72

View File

@@ -105,8 +105,12 @@ export const OptionsPaneCategory: FC<OptionsPaneCategoryProps> = React.memo(
aria-label={selectors.components.OptionsGroup.group(id)}
ref={ref}
>
<div className={headerStyles} onClick={onToggle} aria-label={selectors.components.OptionsGroup.toggle(id)}>
{/* disabling a11y rules here because there's a Button that handles keyboard interaction */}
{/* this just provides a better experience for mouse users */}
{/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}
<div className={headerStyles} onClick={onToggle}>
<Button
aria-label={selectors.components.OptionsGroup.toggle(id)}
type="button"
fill="text"
size="sm"