kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-05-09 23:16:57 +02:00
Code Issues Projects Releases Wiki Activity

Improve accessibility

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-12-06 15:49:38 +00:00 • committed by GitHub
parent e56ca5010c
commit b0e1d04030
4 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/navigation.js
View file

@ -101,6 +101,7 @@ const Navigation = ({ isHome }) => {
toggled={offscreenNavActive}
rounded
size={30}
label={t("openMenu")}
/>
</div>
</nav>

7
src/components/offscreenNav.js
View file

@ -8,6 +8,7 @@ import * as styles from "./navigation.module.scss";
import { X } from "lucide-react";
const OffScreenNav = ({ active, close }) => {
const { t } = useTranslation();
if (typeof document === "undefined") return <></>;
return createPortal(
@ -17,7 +18,11 @@ const OffScreenNav = ({ active, close }) => {
}
>
<div className={styles.inner}>
<button className={styles.close} onClick={close}>
<button
className={styles.close}
onClick={close}
aria-label={t("closeMenu")}
>
<X />
</button>
<span>