refactor(header): improve accessibility by updating aria-labels for menu buttons
This commit is contained in:
@@ -42,7 +42,7 @@ export default function Header() {
|
||||
<button
|
||||
className="text-gray-700 hover:text-gray-900 md:hidden"
|
||||
onClick={toggleSidebar}
|
||||
aria-label={isSidebarOpen ? "Close menu" : "Open menu"}
|
||||
aria-label={"Open menu"}
|
||||
>
|
||||
<svg
|
||||
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'}`}
|
||||
>
|
||||
<button
|
||||
aria-label={"Close menu"}
|
||||
className="absolute top-4 right-4 text-gray-700 hover:text-gray-900"
|
||||
onClick={toggleSidebar}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user