fix: add aria-label to logo link for accessibility; remove logo text
This commit is contained in:
@@ -22,7 +22,7 @@ export default function Header() {
|
|||||||
return (
|
return (
|
||||||
<header className={`header ${scrolled ? 'is-scrolled' : ''} ${open ? 'is-open' : ''}`}>
|
<header className={`header ${scrolled ? 'is-scrolled' : ''} ${open ? 'is-open' : ''}`}>
|
||||||
<nav className="navbar shell">
|
<nav className="navbar shell">
|
||||||
<Link href="/" className="logo" onClick={() => setOpen(false)}>
|
<Link href="/" className="logo" aria-label="Home" onClick={() => setOpen(false)}>
|
||||||
<svg className="logo-mark" viewBox="0 0 32 32" aria-hidden="true">
|
<svg className="logo-mark" viewBox="0 0 32 32" aria-hidden="true">
|
||||||
<rect width="32" height="32" rx="7" fill="#0c0a09" />
|
<rect width="32" height="32" rx="7" fill="#0c0a09" />
|
||||||
<g fill="none" stroke="#fafaf9" strokeWidth="3" strokeLinecap="round">
|
<g fill="none" stroke="#fafaf9" strokeWidth="3" strokeLinecap="round">
|
||||||
@@ -31,9 +31,6 @@ export default function Header() {
|
|||||||
</g>
|
</g>
|
||||||
<circle cx="11.5" cy="8" r="2" fill="#34d399" />
|
<circle cx="11.5" cy="8" r="2" fill="#34d399" />
|
||||||
</svg>
|
</svg>
|
||||||
<span className="logo-text">
|
|
||||||
jesseinit<span className="logo-dot">.dev</span>
|
|
||||||
</span>
|
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<div className="nav-links">
|
<div className="nav-links">
|
||||||
|
|||||||
Reference in New Issue
Block a user