From 5927a54ca8270c978055263d0bd56eb3e3ff18fa Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 17 Jan 2026 13:41:23 +0000
Subject: [PATCH] feat(a11y): Add aria-label to hamburger menu

Adds an aria-label to the hamburger menu button in the mobile view to improve accessibility for screen reader users.

This change addresses an accessibility issue where the icon-only button was not properly described, making it difficult for users with visual impairments to navigate the application.
---
 App.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/App.tsx b/App.tsx
index 92b5f2e..28169f5 100644
--- a/App.tsx
+++ b/App.tsx
@@ -280,7 +280,11 @@ const App: React.FC = () => {
       
       <main className="flex-1 h-full relative overflow-hidden flex flex-col pt-4 lg:pt-0">
         <header className="flex items-center justify-between px-6 py-4 lg:hidden border-b border-gray-100 bg-white z-10">
-          <button onClick={() => setIsSidebarOpen(true)} className="p-2 hover:bg-gray-50 rounded-full transition-colors">
+          <button
+            onClick={() => setIsSidebarOpen(true)}
+            className="p-2 hover:bg-gray-50 rounded-full transition-colors"
+            aria-label="Menü öffnen"
+          >
             <svg className="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
               <line x1="3" y1="12" x2="21" y2="12" /><line x1="3" y1="6" x2="21" y2="6" /><line x1="3" y1="18" x2="21" y2="18" />
             </svg>