diff options
| -rw-r--r-- | src/components/Footer.tsx | 4 | ||||
| -rw-r--r-- | src/components/LinkWithIcon.tsx | 2 | ||||
| -rw-r--r-- | src/components/MailIcon.tsx | 2 | ||||
| -rw-r--r-- | src/components/ThemeToggle.tsx | 22 |
4 files changed, 22 insertions, 8 deletions
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 13ba637..2caf39d 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -6,11 +6,11 @@ export default function Footer() { return ( <footer className="flex flex-col items-center gap-2 py-4"> <div className="flex gap-6"> - <a href="https://github.com/schererleander" target="_blank" rel="noopener noreferrer"> + <a href="https://github.com/schererleander" target="_blank" rel="noopener noreferrer" aria-label="Leander Scherer's GitHub"> <GitHubIcon /> </a> - <a href="mailto:leander@schererleander.de"> + <a href="mailto:leander@schererleander.de" aria-label="Send email to Leander Scherer"> <MailIcon /> </a> </div> diff --git a/src/components/LinkWithIcon.tsx b/src/components/LinkWithIcon.tsx index 0046125..9f3aeb8 100644 --- a/src/components/LinkWithIcon.tsx +++ b/src/components/LinkWithIcon.tsx @@ -22,4 +22,4 @@ export default function LinkWithIcon({ <ExternalLinkIcon /> </a> ); -} +}
\ No newline at end of file diff --git a/src/components/MailIcon.tsx b/src/components/MailIcon.tsx index cff91e1..e710b77 100644 --- a/src/components/MailIcon.tsx +++ b/src/components/MailIcon.tsx @@ -9,4 +9,4 @@ export default function MailIcon() { <path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 2-8 6-8-6h16Zm0 12H4V8l8 6 8-6v10Z" /> </svg> ); -} +}
\ No newline at end of file diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx index 74dbf57..8e1e2aa 100644 --- a/src/components/ThemeToggle.tsx +++ b/src/components/ThemeToggle.tsx @@ -4,12 +4,26 @@ import { useTheme } from "../hooks/theme"; export default function ThemeToggle() { const { theme, toggleTheme } = useTheme(); return ( - <button type="button" onClick={toggleTheme}> + <button type="button" aria-label="Toogle dark mode" onClick={toggleTheme}> {theme === 'dark' ? ( - <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg> + <svg + className="w-5 h-5" + fill="none" + viewBox="0 0 24 24" + stroke="currentColor" + aria-hidden="true" + > + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg> ) : ( - <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg> + <svg + className="w-5 h-5" + fill="none" + viewBox="0 0 24 24" + stroke="currentColor" + aria-hidden="true" + > + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg> )} </button> ); -} +}
\ No newline at end of file |