Skip to content
This repository has been archived by the owner on Feb 27, 2024. It is now read-only.

Commit

Permalink
🎨 #276 アクセシビリティ関連の以下のエラーを回避する為にButtonタグを利用するように変更
Browse files Browse the repository at this point in the history
  24:9  error  Visible, non-interactive elements with click handlers must have at least one keyboard listener                                                                                                     jsx-a11y/click-events-have-key-events
  24:9  error  Avoid non-native interactive elements. If using native HTML is not possible, add an appropriate role and support for tabbing, mouse, keyboard, and touch inputs to an interactive content element  jsx-a11y/no-static-element-interaction
  • Loading branch information
keitakn committed May 27, 2023
1 parent 374cbdf commit 31aa380
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/components/GlobalMenu/GlobalMenu.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -21,12 +21,12 @@ export const GlobalMenu: FC<Props> = ({ language, onClickCloseButton }) => {
return (
<div className={styles.wrapper}>
<div className={styles['header-wrapper']}>
<div
<button
className={styles['fa-times-wrapper']}
onClick={onClickCloseButton}
>
<FaTimes className={styles['fa-times']} />
</div>
</button>
</div>
<div className={styles['link-group-wrapper']}>
<div className={styles['link-wrapper']}>
Expand Down

0 comments on commit 31aa380

Please sign in to comment.