From b40310db341691696bc45eb115db8691f5aa3704 Mon Sep 17 00:00:00 2001
From: ChaDongWun <lovewave02@gmail.com>
Date: Mon, 6 Jul 2026 23:12:10 +0900
Subject: [PATCH] fix: localize aria labels

---
 src/app/[lang]/app/page.tsx         | 1 +
 src/components/docs/DocsSidebar.tsx | 2 +-
 src/components/layout/Footer.tsx    | 2 +-
 src/components/layout/Header.tsx    | 6 +++---
 src/components/ui/CodeWorkspace.tsx | 4 +++-
 src/i18n/dictionaries/ar.json       | 8 ++++++++
 src/i18n/dictionaries/en.json       | 8 ++++++++
 src/i18n/dictionaries/es.json       | 8 ++++++++
 src/i18n/dictionaries/fr.json       | 8 ++++++++
 src/i18n/dictionaries/it.json       | 8 ++++++++
 src/i18n/dictionaries/pt.json       | 8 ++++++++
 11 files changed, 57 insertions(+), 6 deletions(-)

diff --git a/src/app/[lang]/app/page.tsx b/src/app/[lang]/app/page.tsx
index 6fe56b8..c971d1a 100644
--- a/src/app/[lang]/app/page.tsx
+++ b/src/app/[lang]/app/page.tsx
@@ -43,6 +43,7 @@ export default async function AppPage({
         projectTab={t.projectTab}
         uploadFolder={t.uploadFolder}
         projectHint={t.projectHint}
+        resizePanelsLabel={t.aria.resizePanels}
         isAuthed={!!session?.user}
         saveLabel={t.auth.save}
         savedLabel={t.auth.saved}
diff --git a/src/components/docs/DocsSidebar.tsx b/src/components/docs/DocsSidebar.tsx
index 45f3e3c..d804be5 100644
--- a/src/components/docs/DocsSidebar.tsx
+++ b/src/components/docs/DocsSidebar.tsx
@@ -17,7 +17,7 @@ export default function DocsSidebar({
   const t = getDictionary(lang);
 
   return (
-    <nav aria-label="Docs">
+    <nav aria-label={t.aria.docs}>
       {showHeading && (
         <p className="mb-4 font-mono text-[11px] font-semibold uppercase tracking-[0.18em] text-[#94a3b8]">
           {t.documentation}
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 79b5de9..3865b02 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -87,7 +87,7 @@ export default function Footer({
             href={REPO}
             target="_blank"
             rel="noopener noreferrer"
-            aria-label="GitHub repository"
+            aria-label={t.aria.githubRepository}
             className="mt-7 inline-flex h-10 w-10 items-center justify-center rounded-full border border-[#e2e8f0] dark:border-[#232a36] bg-white dark:bg-[#12151c] text-[#475569] dark:text-[#9aa6b8] transition-all hover:-translate-y-0.5 hover:border-[#c7d2fe] hover:text-[#4f46e5]"
           >
             <svg
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 7d19f7a..5ecd637 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -149,7 +149,7 @@ export default function Header({
 
       {/* ── Center: primary nav (desktop) ── */}
       <nav
-        aria-label="Sections"
+        aria-label={t.aria.sections}
         className="hidden sm:flex items-center justify-center gap-1"
       >
         {docsLink()}
@@ -168,7 +168,7 @@ export default function Header({
               onClick={() => setDropdownOpen(!dropdownOpen)}
               aria-expanded={dropdownOpen}
               aria-haspopup="listbox"
-              aria-label="Select language"
+              aria-label={t.aria.selectLanguage}
               className="flex items-center gap-1.5 px-3.5 py-[6px] rounded-full border text-[13px] font-semibold transition-all bg-black/[0.04] border-line text-ink hover:bg-black/[0.08] dark:bg-surface dark:border-border-dark dark:text-fg dark:hover:bg-surface-hover"
             >
               <span>🌐</span>
@@ -286,7 +286,7 @@ export default function Header({
           <ThemeToggle />
           <button
             onClick={() => setMenuOpen(true)}
-            aria-label="Menu"
+            aria-label={t.aria.menu}
             aria-expanded={menuOpen}
             className="grid place-items-center h-8 w-8 rounded-full border border-line text-ink transition-colors hover:bg-black/[0.04] dark:border-border-dark dark:text-fg dark:hover:bg-surface-hover"
           >
diff --git a/src/components/ui/CodeWorkspace.tsx b/src/components/ui/CodeWorkspace.tsx
index eab67c2..42936d3 100644
--- a/src/components/ui/CodeWorkspace.tsx
+++ b/src/components/ui/CodeWorkspace.tsx
@@ -207,6 +207,7 @@ type Props = {
   projectTab: string;
   uploadFolder: string;
   projectHint: string;
+  resizePanelsLabel: string;
   isAuthed: boolean;
   saveLabel: string;
   savedLabel: string;
@@ -225,6 +226,7 @@ export default function CodeWorkspace({
   projectTab,
   uploadFolder,
   projectHint,
+  resizePanelsLabel,
   isAuthed,
   saveLabel,
   savedLabel,
@@ -565,7 +567,7 @@ export default function CodeWorkspace({
       <div
         role="separator"
         aria-orientation="vertical"
-        aria-label="Resize panels"
+        aria-label={resizePanelsLabel}
         onPointerDown={onSplitDown}
         onPointerMove={onSplitMove}
         onPointerUp={onSplitUp}
diff --git a/src/i18n/dictionaries/ar.json b/src/i18n/dictionaries/ar.json
index e73564c..585cfb5 100644
--- a/src/i18n/dictionaries/ar.json
+++ b/src/i18n/dictionaries/ar.json
@@ -157,6 +157,14 @@
   "notFoundDesc": "ربما الرابط تالف أو تم نقل الصفحة. لنعدك إلى المسار الصحيح.",
   "notFoundHome": "العودة للرئيسية",
   "notFoundApp": "افتح التطبيق",
+  "aria": {
+    "sections": "الأقسام",
+    "selectLanguage": "اختيار اللغة",
+    "menu": "القائمة",
+    "docs": "التوثيق",
+    "resizePanels": "تغيير حجم اللوحات",
+    "githubRepository": "مستودع GitHub"
+  },
   "auth": {
     "signIn": "تسجيل الدخول",
     "signOut": "تسجيل الخروج",
diff --git a/src/i18n/dictionaries/en.json b/src/i18n/dictionaries/en.json
index aecb391..134e18e 100644
--- a/src/i18n/dictionaries/en.json
+++ b/src/i18n/dictionaries/en.json
@@ -153,6 +153,14 @@
   "notFoundDesc": "The link may be broken or the page may have moved. Let's get you back on track.",
   "notFoundHome": "Back home",
   "notFoundApp": "Open the app",
+  "aria": {
+    "sections": "Sections",
+    "selectLanguage": "Select language",
+    "menu": "Menu",
+    "docs": "Docs",
+    "resizePanels": "Resize panels",
+    "githubRepository": "GitHub repository"
+  },
   "auth": {
     "signIn": "Sign in",
     "signOut": "Sign out",
diff --git a/src/i18n/dictionaries/es.json b/src/i18n/dictionaries/es.json
index 1546a91..8b16a19 100644
--- a/src/i18n/dictionaries/es.json
+++ b/src/i18n/dictionaries/es.json
@@ -153,6 +153,14 @@
   "notFoundDesc": "El enlace puede estar roto o la página se movió. Volvamos al camino.",
   "notFoundHome": "Volver al inicio",
   "notFoundApp": "Abrir la app",
+  "aria": {
+    "sections": "Secciones",
+    "selectLanguage": "Seleccionar idioma",
+    "menu": "Menú",
+    "docs": "Documentación",
+    "resizePanels": "Redimensionar paneles",
+    "githubRepository": "Repositorio de GitHub"
+  },
   "auth": {
     "signIn": "Iniciar sesión",
     "signOut": "Cerrar sesión",
diff --git a/src/i18n/dictionaries/fr.json b/src/i18n/dictionaries/fr.json
index 5e06842..3c3aea3 100644
--- a/src/i18n/dictionaries/fr.json
+++ b/src/i18n/dictionaries/fr.json
@@ -157,6 +157,14 @@
   "notFoundDesc": "Le lien est peut-être cassé ou la page a été déplacée. Revenons sur le bon chemin.",
   "notFoundHome": "Retour à l'accueil",
   "notFoundApp": "Ouvrir l'application",
+  "aria": {
+    "sections": "Sections",
+    "selectLanguage": "Sélectionner la langue",
+    "menu": "Menu",
+    "docs": "Documentation",
+    "resizePanels": "Redimensionner les panneaux",
+    "githubRepository": "Dépôt GitHub"
+  },
   "auth": {
     "signIn": "Se connecter",
     "signOut": "Se déconnecter",
diff --git a/src/i18n/dictionaries/it.json b/src/i18n/dictionaries/it.json
index 23ed0cd..746383f 100644
--- a/src/i18n/dictionaries/it.json
+++ b/src/i18n/dictionaries/it.json
@@ -157,6 +157,14 @@
   "notFoundDesc": "Il link potrebbe essere interrotto o la pagina potrebbe essere stata spostata. Torniamo in pista.",
   "notFoundHome": "Torna alla home",
   "notFoundApp": "Apri l'app",
+  "aria": {
+    "sections": "Sezioni",
+    "selectLanguage": "Seleziona lingua",
+    "menu": "Menu",
+    "docs": "Documentazione",
+    "resizePanels": "Ridimensiona pannelli",
+    "githubRepository": "Repository GitHub"
+  },
   "auth": {
     "signIn": "Accedi",
     "signOut": "Esci",
diff --git a/src/i18n/dictionaries/pt.json b/src/i18n/dictionaries/pt.json
index 30a213e..7afedfa 100644
--- a/src/i18n/dictionaries/pt.json
+++ b/src/i18n/dictionaries/pt.json
@@ -157,6 +157,14 @@
   "notFoundDesc": "O link pode estar quebrado ou a página pode ter sido movida. Vamos colocar você de volta nos trilhos.",
   "notFoundHome": "Voltar ao início",
   "notFoundApp": "Abrir o aplicativo",
+  "aria": {
+    "sections": "Seções",
+    "selectLanguage": "Selecionar idioma",
+    "menu": "Menu",
+    "docs": "Documentação",
+    "resizePanels": "Redimensionar painéis",
+    "githubRepository": "Repositório do GitHub"
+  },
   "auth": {
     "signIn": "Entrar",
     "signOut": "Sair",