diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-06-07 17:44:17 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-06-07 17:44:17 +0200 |
| commit | a640a5dee88f82398111142d6a4ca089bf0924cb (patch) | |
| tree | 3e786789f8dfdb42d9e524171d2dfa5812c1fff0 /src/components/templates/layout/layout.tsx | |
| parent | 22eeede34778d8e903a1999bfc6bc715c361d9ce (diff) | |
| parent | b1103a9554c5593c065466d1e289db2680cf2993 (diff) | |
chore: improve accessibility (#20)
Improve images, code blocks, cards and progress bar accessibility.
Diffstat (limited to 'src/components/templates/layout/layout.tsx')
| -rw-r--r-- | src/components/templates/layout/layout.tsx | 30 |
1 files changed, 25 insertions, 5 deletions
diff --git a/src/components/templates/layout/layout.tsx b/src/components/templates/layout/layout.tsx index 693951e..2a10a30 100644 --- a/src/components/templates/layout/layout.tsx +++ b/src/components/templates/layout/layout.tsx @@ -104,16 +104,36 @@ const Layout: FC<LayoutProps> = ({ }); const mainNav: HeaderProps['nav'] = [ - { id: 'home', label: homeLabel, href: '/', logo: <Home /> }, - { id: 'blog', label: blogLabel, href: '/blog', logo: <PostsStack /> }, + { + id: 'home', + label: homeLabel, + href: '/', + logo: <Home aria-hidden={true} />, + }, + { + id: 'blog', + label: blogLabel, + href: '/blog', + logo: <PostsStack aria-hidden={true} />, + }, { id: 'projects', label: projectsLabel, href: '/projets', - logo: <ComputerScreen />, + logo: <ComputerScreen aria-hidden={true} />, + }, + { + id: 'cv', + label: cvLabel, + href: '/cv', + logo: <Career aria-hidden={true} />, + }, + { + id: 'contact', + label: contactLabel, + href: '/contact', + logo: <Envelop aria-hidden={true} />, }, - { id: 'cv', label: cvLabel, href: '/cv', logo: <Career /> }, - { id: 'contact', label: contactLabel, href: '/contact', logo: <Envelop /> }, ]; const legalNoticeLabel = intl.formatMessage({ |