denshooter/portfolio
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(header): improve accessibility by updating aria-labels for menu buttons

Browse Source
This commit is contained in:
Denshooter
2025-02-13 18:25:35 +01:00
parent d517abab9f
commit 704924208f
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/components/Header.tsx
View File

@@ -42,7 +42,7 @@ export default function Header() {
<button <button
className="text-gray-700 hover:text-gray-900 md:hidden" className="text-gray-700 hover:text-gray-900 md:hidden"
onClick={toggleSidebar} onClick={toggleSidebar}
aria-label={isSidebarOpen ? "Close menu" : "Open menu"} aria-label={"Open menu"}
> >
<svg <svg
className="w-6 h-6" className="w-6 h-6"
@@ -89,6 +89,7 @@ export default function Header() {
className={`fixed z-10 top-0 right-0 h-full bg-white w-1/3 transform transition-transform flex flex-col ${isSidebarOpen ? 'translate-x-0' : 'translate-x-full'}`} className={`fixed z-10 top-0 right-0 h-full bg-white w-1/3 transform transition-transform flex flex-col ${isSidebarOpen ? 'translate-x-0' : 'translate-x-full'}`}
> >
<button <button
aria-label={"Close menu"}
className="absolute top-4 right-4 text-gray-700 hover:text-gray-900" className="absolute top-4 right-4 text-gray-700 hover:text-gray-900"
onClick={toggleSidebar} onClick={toggleSidebar}
> >