chore: fix a11y lint issues (#1656)

gravity-ui · Jun 17, 2024 · c3816e6 · c3816e6
1 parent 496ca55
commit c3816e6
Show file tree

Hide file tree

Showing 2 changed files with 100 additions and 79 deletions.
diff --git a/src/components/ArrowToggle/__stories__/ArrowToggle.stories.tsx b/src/components/ArrowToggle/__stories__/ArrowToggle.stories.tsx
@@ -47,9 +47,15 @@ export const Interactive: StoryFn<ArrowToggleProps> = (args) => {
     const direction = directions[directionIndex % directions.length];
 
     return (
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-        <span onClick={() => setDirectionIndex(directionIndex + 1)} style={{cursor: 'pointer'}}>
-            <ArrowToggle {...args} size={32} direction={direction} /> <h3>{direction}</h3>
-        </span>
+        <div>
+            <button
+                onClick={() => setDirectionIndex(directionIndex + 1)}
+                style={{cursor: 'pointer'}}
+                aria-label="Arrow"
+            >
+                <ArrowToggle {...args} size={32} direction={direction} />
+            </button>
+            <h3>{direction}</h3>
+        </div>
     );
 };