From 8c6b944d8ffc9647f36fefa17c73866ed6a5bed7 Mon Sep 17 00:00:00 2001
From: Matias Palma <matiaspalma2594@gmail.com>
Date: Tue, 21 Apr 2026 00:50:19 -0400
Subject: [PATCH 1/2] =?UTF-8?q?improvements:=20a11y=20=E2=80=94=20associat?=
 =?UTF-8?q?e=20labels=20with=20inputs=20across=20Settings,=20Agent,=20Git,?=
 =?UTF-8?q?=20Marketplace,=20and=20AI=20chat?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Screen readers and voice-control users had no reliable way to target
most inputs in the app: visible `<label>` elements were siblings of
their inputs but never connected via `htmlFor`/`id`, and inputs that
rely on placeholders as pseudo-labels (search, filter, commit
message, branch name, stash message) had no accessible name at all.

Changes:
- `SettingsView`: added matching `id`/`htmlFor` to font family, font
  size, line height, minimap, exclude-pattern, and display-language
  inputs. Wrapped the minimap switch visual with `aria-hidden` so AT
  only sees the real control.
- `AgentSettings`:
  - `aria-labelledby` / `aria-describedby` on the AGENTS.md / DESIGN.md
    / USER.md / MEMORY.md textareas pointing to the heading and
    description already rendered above each.
  - `id` / `htmlFor` on the keep-alive range input, plus
    `aria-valuetext` so AT announces "5 min" not just the raw number,
    and `aria-describedby` pointing at the help text.
- `GitExplorerComponent`: `aria-label` on the global search, branch
  filter, new-branch, commit textarea, stash message, and inline
  new-file / new-folder inputs, so each has a name independent of
  its placeholder.
- `MarketplaceView`: `aria-label` on the search input and the
  installed/all filter select.
- `AiChatComponent`: `aria-label` on the chat composer textarea so
  it announces as "Ask about your code..." instead of "edit text".

No new i18n strings — reused existing keys.

Closes #107
---
 .../builtin.agent-support/AgentSettings.tsx   | 41 ++++++++++++-------
 .../builtin.ai-assistant/AiChatComponent.tsx  |  1 +
 .../GitExplorerComponent.tsx                  |  7 ++++
 .../src/components/MarketplaceView.tsx        |  2 +
 apps/desktop/src/components/SettingsView.tsx  | 23 +++++++----
 5 files changed, 51 insertions(+), 23 deletions(-)

diff --git a/apps/desktop/src/addons/builtin.agent-support/AgentSettings.tsx b/apps/desktop/src/addons/builtin.agent-support/AgentSettings.tsx
index 74bacc6f..2282e69e 100644
--- a/apps/desktop/src/addons/builtin.agent-support/AgentSettings.tsx
+++ b/apps/desktop/src/addons/builtin.agent-support/AgentSettings.tsx
@@ -134,10 +134,10 @@ const AgentSettings: React.FC<AgentSettingsProps> = ({ activeTab }) => {
           <div className="space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300">
             <div className="flex items-center justify-between mb-2">
               <div>
-                <h4 className="text-sm font-semibold text-white">AGENTS.md</h4>
-                <p className="text-[11px] text-[#555]">{t('agent.manual.desc')}</p>
+                <h4 id="agent-manual-title" className="text-sm font-semibold text-white">AGENTS.md</h4>
+                <p id="agent-manual-desc" className="text-[11px] text-[#555]">{t('agent.manual.desc')}</p>
               </div>
-              <button 
+              <button
                 onClick={() => handleSave('AGENTS.md')}
                 disabled={isSaving}
                 className="flex items-center gap-2 px-4 py-1.5 bg-white text-black text-[11px] font-bold rounded-lg hover:bg-white/90 transition-all disabled:opacity-50"
@@ -147,6 +147,8 @@ const AgentSettings: React.FC<AgentSettingsProps> = ({ activeTab }) => {
               </button>
             </div>
             <textarea
+              aria-labelledby="agent-manual-title"
+              aria-describedby="agent-manual-desc"
               value={localContent}
               onChange={(e) => setLocalContent(e.target.value)}
               className="w-full h-[400px] bg-[#0a0a0a] border border-[#1a1a1a] rounded-xl p-4 text-[13px] text-[#ccc] font-mono focus:border-blue-500/50 outline-none scrollbar-thin resize-none"
@@ -159,10 +161,10 @@ const AgentSettings: React.FC<AgentSettingsProps> = ({ activeTab }) => {
           <div className="space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300">
             <div className="flex items-center justify-between mb-2">
               <div>
-                <h4 className="text-sm font-semibold text-white">DESIGN.md</h4>
-                <p className="text-[11px] text-[#555]">{t('agent.design.desc')}</p>
+                <h4 id="agent-design-title" className="text-sm font-semibold text-white">DESIGN.md</h4>
+                <p id="agent-design-desc" className="text-[11px] text-[#555]">{t('agent.design.desc')}</p>
               </div>
-              <button 
+              <button
                 onClick={() => handleSave('DESIGN.md')}
                 disabled={isSaving}
                 className="flex items-center gap-2 px-4 py-1.5 bg-white text-black text-[11px] font-bold rounded-lg hover:bg-white/90 transition-all disabled:opacity-50"
@@ -172,6 +174,8 @@ const AgentSettings: React.FC<AgentSettingsProps> = ({ activeTab }) => {
               </button>
             </div>
             <textarea
+              aria-labelledby="agent-design-title"
+              aria-describedby="agent-design-desc"
               value={localContent}
               onChange={(e) => setLocalContent(e.target.value)}
               className="w-full h-[400px] bg-[#0a0a0a] border border-[#1a1a1a] rounded-xl p-4 text-[13px] text-[#ccc] font-mono focus:border-blue-500/50 outline-none scrollbar-thin resize-none"
@@ -184,10 +188,10 @@ const AgentSettings: React.FC<AgentSettingsProps> = ({ activeTab }) => {
           <div className="space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300">
             <div className="flex items-center justify-between mb-2">
               <div>
-                <h4 className="text-sm font-semibold text-white">USER.md</h4>
-                <p className="text-[11px] text-[#555]">{t('agent.user.desc')}</p>
+                <h4 id="agent-user-title" className="text-sm font-semibold text-white">USER.md</h4>
+                <p id="agent-user-desc" className="text-[11px] text-[#555]">{t('agent.user.desc')}</p>
               </div>
-              <button 
+              <button
                 onClick={() => handleSave('USER.md')}
                 disabled={isSaving}
                 className="flex items-center gap-2 px-4 py-1.5 bg-white text-black text-[11px] font-bold rounded-lg hover:bg-white/90 transition-all disabled:opacity-50"
@@ -197,6 +201,8 @@ const AgentSettings: React.FC<AgentSettingsProps> = ({ activeTab }) => {
               </button>
             </div>
             <textarea
+              aria-labelledby="agent-user-title"
+              aria-describedby="agent-user-desc"
               value={localContent}
               onChange={(e) => setLocalContent(e.target.value)}
               className="w-full h-[400px] bg-[#0a0a0a] border border-[#1a1a1a] rounded-xl p-4 text-[13px] text-[#ccc] font-mono focus:border-blue-500/50 outline-none scrollbar-thin resize-none"
@@ -301,26 +307,29 @@ const AgentSettings: React.FC<AgentSettingsProps> = ({ activeTab }) => {
               {/* Keep Alive Setting */}
               <div className="space-y-3">
                 <div className="flex items-center justify-between">
-                  <label className="text-[11px] font-bold text-[#888] uppercase tracking-wider">{t('agent.configuration.keepalive_label')}</label>
+                  <label htmlFor="agent-config-keepalive" className="text-[11px] font-bold text-[#888] uppercase tracking-wider">{t('agent.configuration.keepalive_label')}</label>
                   <span className="text-[11px] font-mono text-blue-400 font-bold bg-blue-500/10 px-2 py-0.5 rounded-full border border-blue-500/20">
                     {aiSettings.keepAlive || 5} {t('agent.configuration.keepalive_unit')}
                   </span>
                 </div>
                 <input
+                  id="agent-config-keepalive"
                   type="range"
                   min="5"
                   max="1440"
                   step="5"
                   value={aiSettings.keepAlive || 5}
                   onChange={(e) => updateAISettings({ keepAlive: parseInt(e.target.value) })}
+                  aria-describedby="agent-config-keepalive-desc"
+                  aria-valuetext={`${aiSettings.keepAlive || 5} ${t('agent.configuration.keepalive_unit')}`}
                   className="w-full h-1.5 bg-[#1a1a1a] rounded-lg appearance-none cursor-pointer accent-blue-500"
                 />
-                <div className="flex justify-between text-[10px] text-[#444] font-mono">
+                <div aria-hidden="true" className="flex justify-between text-[10px] text-[#444] font-mono">
                   <span>5m</span>
                   <span>12h</span>
                   <span>24h</span>
                 </div>
-                <p className="text-[11px] text-[#666]">{t('agent.configuration.keepalive_desc')}</p>
+                <p id="agent-config-keepalive-desc" className="text-[11px] text-[#666]">{t('agent.configuration.keepalive_desc')}</p>
                 
                 <div className="p-3 bg-amber-500/5 border border-amber-500/20 rounded-xl flex gap-3">
                    <AlertCircle size={16} strokeWidth={1.5} className="text-amber-500 shrink-0 mt-0.5" />
@@ -371,11 +380,13 @@ const AgentSettings: React.FC<AgentSettingsProps> = ({ activeTab }) => {
           <div className="space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300">
             <div className="flex items-center justify-between mb-2">
               <div>
-                <h4 className="text-sm font-semibold text-white">MEMORY.md</h4>
-                <p className="text-[11px] text-[#555]">{t('agent.memory.desc')}</p>
+                <h4 id="agent-memory-title" className="text-sm font-semibold text-white">MEMORY.md</h4>
+                <p id="agent-memory-desc" className="text-[11px] text-[#555]">{t('agent.memory.desc')}</p>
               </div>
             </div>
-            <textarea 
+            <textarea
+              aria-labelledby="agent-memory-title"
+              aria-describedby="agent-memory-desc"
               value={memory || ""}
               readOnly
               className="w-full h-[400px] bg-[#0a0a0a] border border-[#1a1a1a] rounded-xl p-4 text-[13px] text-[#555] font-mono focus:border-blue-500/50 outline-none scrollbar-thin resize-none cursor-default"
diff --git a/apps/desktop/src/addons/builtin.ai-assistant/AiChatComponent.tsx b/apps/desktop/src/addons/builtin.ai-assistant/AiChatComponent.tsx
index ef88b5ba..85fda8fd 100644
--- a/apps/desktop/src/addons/builtin.ai-assistant/AiChatComponent.tsx
+++ b/apps/desktop/src/addons/builtin.ai-assistant/AiChatComponent.tsx
@@ -914,6 +914,7 @@ const AiChatComponent: React.FC = () => {
               }
             }}
             disabled={isTyping}
+            aria-label={t('ai.input_placeholder')}
             placeholder={isTyping ? t('ai.waiting_ollama') : t('ai.input_placeholder')}
             className="w-full bg-[#111] text-white text-[13px] rounded-xl p-3 pb-12 border border-[#222] focus:outline-none focus:border-[#444] resize-none min-h-[100px] transition-all hover:border-[#333]"
           />
diff --git a/apps/desktop/src/addons/builtin.git-explorer/GitExplorerComponent.tsx b/apps/desktop/src/addons/builtin.git-explorer/GitExplorerComponent.tsx
index 8497b833..40e5c7d9 100644
--- a/apps/desktop/src/addons/builtin.git-explorer/GitExplorerComponent.tsx
+++ b/apps/desktop/src/addons/builtin.git-explorer/GitExplorerComponent.tsx
@@ -634,6 +634,7 @@ const GitExplorerComponent: React.FC = () => {
                                 if (ev.key === "Escape") setNewEntry(null);
                               }}
                               onBlur={handleCreateEntry}
+                              aria-label={newEntry.type === "file" ? t('git.explorer.new_file') : t('git.explorer.new_folder')}
                               className="bg-[#111] border border-white/10 rounded px-1.5 py-0.5 text-[11px] text-white focus:outline-none focus:border-white/20 w-full mr-2"
                             />
                           </div>
@@ -657,6 +658,7 @@ const GitExplorerComponent: React.FC = () => {
                           if (ev.key === "Escape") setNewEntry(null);
                         }}
                         onBlur={handleCreateEntry}
+                        aria-label={newEntry.type === "file" ? t('git.explorer.new_file') : t('git.explorer.new_folder')}
                         className="bg-[#111] border border-white/10 rounded px-1.5 py-0.5 text-[11px] text-white focus:outline-none focus:border-white/20 w-32"
                       />
                     </div>
@@ -714,6 +716,7 @@ const GitExplorerComponent: React.FC = () => {
             <div className="p-3 border-b border-[#1a1a1a]">
               <div className="relative">
                 <input value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} onKeyDown={(e) => e.key === "Enter" && handleSearch()}
+                  aria-label={t('search.title')}
                   className="w-full bg-[#141414] border border-[#222] rounded-lg h-8 pl-8 pr-3 text-[12px] text-white placeholder-[#444] focus:border-[#444] focus:outline-none transition-colors" placeholder={t('search.placeholder')} />
                 <Search size={13} className="absolute left-2.5 top-[9px] text-[#444]" />
               </div>
@@ -811,6 +814,7 @@ const GitExplorerComponent: React.FC = () => {
                   {branches.length > 6 && (
                     <div className="px-2 pt-2">
                       <input value={branchFilter} onChange={(e) => setBranchFilter(e.target.value)}
+                        aria-label={t('git.filter.branches')}
                         placeholder={t('git.filter.branches')}
                         className="w-full bg-[#0e0e0e] border border-[#222] rounded-md px-2 py-1 text-[11px] text-white placeholder-[#444] focus:outline-none focus:border-[#444]" />
                     </div>
@@ -839,6 +843,7 @@ const GitExplorerComponent: React.FC = () => {
                   <div className="border-t border-[#222] p-2 flex gap-1">
                     <input value={newBranchName} onChange={(e) => setNewBranchName(e.target.value)}
                       onKeyDown={(e) => { if (e.key === "Enter") handleCreateBranch(); }}
+                      aria-label={t('git.action.create_branch')}
                       placeholder={t('git.new_branch')}
                       className="flex-1 bg-[#0e0e0e] border border-[#222] rounded-md px-2 py-1 text-[11px] text-white placeholder-[#444] focus:outline-none focus:border-[#444]" />
                     <button onClick={handleCreateBranch} disabled={!newBranchName.trim() || gitLoading}
@@ -852,6 +857,7 @@ const GitExplorerComponent: React.FC = () => {
             {/* Commit */}
             <div className="px-3 py-3 border-b border-[#1a1a1a]">
               <textarea value={commitMessage} onChange={(e) => setCommitMessage(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter" && e.ctrlKey) handleCommit(); }}
+                aria-label={t('git.commit_button')}
                 placeholder={amendMode ? `${t('git.commit_placeholder')} (${t('git.action.amend')})` : t('git.commit_placeholder')}
                 className="w-full bg-[#141414] border border-[#222] rounded-xl p-2.5 text-[12px] text-white placeholder-[#444] focus:outline-none focus:border-[#444] resize-y min-h-[80px] max-h-[240px] transition-colors" />
               <div className="flex gap-1.5 mt-2">
@@ -966,6 +972,7 @@ const GitExplorerComponent: React.FC = () => {
                     <div className="px-3 pb-2 flex gap-1">
                       <input value={stashMessage} onChange={(e) => setStashMessage(e.target.value)}
                         onKeyDown={(e) => { if (e.key === "Enter") handleStash(); }}
+                        aria-label={t('git.action.stash')}
                         placeholder={t('git.stash.placeholder')}
                         className="flex-1 bg-[#141414] border border-[#222] rounded-md px-2 py-1 text-[11px] text-white placeholder-[#444] focus:outline-none focus:border-[#444]" />
                       <button onClick={handleStash} disabled={gitLoading} title={t('git.action.stash')}
diff --git a/apps/desktop/src/components/MarketplaceView.tsx b/apps/desktop/src/components/MarketplaceView.tsx
index d88dc096..113f23a0 100644
--- a/apps/desktop/src/components/MarketplaceView.tsx
+++ b/apps/desktop/src/components/MarketplaceView.tsx
@@ -291,6 +291,7 @@ const MarketplaceView: React.FC = () => {
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               placeholder={t('marketplace.search_placeholder')}
+              aria-label={t('marketplace.search_placeholder')}
               className="w-full bg-[#1a1a1a] border border-[#2a2a2a] rounded-lg py-2 pl-9 pr-4 text-[13px] text-white placeholder-[#555] focus:outline-none focus:border-[#555] transition-colors"
             />
             <Search size={14} className="absolute left-3 top-[10px] text-[#555]" />
@@ -298,6 +299,7 @@ const MarketplaceView: React.FC = () => {
           <select
             value={filter}
             onChange={e => setFilter(e.target.value)}
+            aria-label={t('marketplace.title')}
             className="bg-[#1a1a1a] border border-[#2a2a2a] rounded-lg px-4 text-[12px] text-[#aaa] focus:outline-none cursor-pointer"
           >
             <option value="all">{t('marketplace.filter_all', { count: catalog.length.toString() })}</option>
diff --git a/apps/desktop/src/components/SettingsView.tsx b/apps/desktop/src/components/SettingsView.tsx
index ce7e1b4a..d4dafbae 100644
--- a/apps/desktop/src/components/SettingsView.tsx
+++ b/apps/desktop/src/components/SettingsView.tsx
@@ -129,8 +129,9 @@ Node.js: ${systemInfo.node_version}
               </h3>
               <div className="space-y-4 max-w-md">
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-[11px] text-[#888] uppercase tracking-wider">{t('settings.editor.font_family')}</label>
+                  <label htmlFor="settings-editor-font-family" className="text-[11px] text-[#888] uppercase tracking-wider">{t('settings.editor.font_family')}</label>
                   <input
+                    id="settings-editor-font-family"
                     type="text"
                     value={editorSettings.fontFamily}
                     onChange={(e) => updateEditorSettings({ fontFamily: e.target.value })}
@@ -139,8 +140,9 @@ Node.js: ${systemInfo.node_version}
                 </div>
                 <div className="grid grid-cols-2 gap-4">
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-[11px] text-[#888] uppercase tracking-wider">{t('settings.editor.font_size')}</label>
+                    <label htmlFor="settings-editor-font-size" className="text-[11px] text-[#888] uppercase tracking-wider">{t('settings.editor.font_size')}</label>
                     <input
+                      id="settings-editor-font-size"
                       type="number"
                       value={editorSettings.fontSize}
                       onChange={(e) => updateEditorSettings({ fontSize: parseInt(e.target.value) })}
@@ -148,8 +150,9 @@ Node.js: ${systemInfo.node_version}
                     />
                   </div>
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-[11px] text-[#888] uppercase tracking-wider">{t('settings.editor.line_height')}</label>
+                    <label htmlFor="settings-editor-line-height" className="text-[11px] text-[#888] uppercase tracking-wider">{t('settings.editor.line_height')}</label>
                     <input
+                      id="settings-editor-line-height"
                       type="number"
                       value={editorSettings.lineHeight}
                       onChange={(e) => updateEditorSettings({ lineHeight: parseInt(e.target.value) })}
@@ -158,18 +161,19 @@ Node.js: ${systemInfo.node_version}
                   </div>
                 </div>
                 <div className="flex items-center gap-3 pt-2">
-                  <label className="relative inline-flex items-center cursor-pointer">
+                  <label htmlFor="settings-editor-minimap" className="relative inline-flex items-center cursor-pointer">
                     <input
+                      id="settings-editor-minimap"
                       type="checkbox"
                       checked={!!editorSettings.minimapEnabled}
                       onChange={(e) => updateEditorSettings({ minimapEnabled: e.target.checked })}
                       className="sr-only peer"
                     />
-                    <div className="w-9 h-5 bg-[#2a2a2a] peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-[#888] after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-blue-600 peer-checked:after:bg-white"></div>
+                    <div aria-hidden="true" className="w-9 h-5 bg-[#2a2a2a] peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-[#888] after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-blue-600 peer-checked:after:bg-white"></div>
                   </label>
-                  <span className="text-[13px] text-[#aaa]">
+                  <label htmlFor="settings-editor-minimap" className="text-[13px] text-[#aaa] cursor-pointer">
                     {t('settings.editor.minimap')}
-                  </span>
+                  </label>
                 </div>
               </div>
             </section>
@@ -212,6 +216,7 @@ Node.js: ${systemInfo.node_version}
                   <div className="flex gap-2">
                     <div className="relative flex-1">
                       <input
+                        id="settings-files-exclude-pattern"
                         type="text"
                         value={newPattern}
                         onChange={(e) => setNewPattern(e.target.value)}
@@ -224,6 +229,7 @@ Node.js: ${systemInfo.node_version}
                           }
                         }}
                         placeholder={t('settings.general.exclude_placeholder')}
+                        aria-label={t('settings.general.exclude_title')}
                         className="w-full bg-[#111] border border-[#2a2a2a] rounded px-3 py-2 text-[13px] text-white focus:border-blue-500 outline-none transition-colors"
                       />
                     </div>
@@ -255,8 +261,9 @@ Node.js: ${systemInfo.node_version}
               </h3>
               <div className="space-y-4 max-w-sm">
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-[11px] text-[#888] uppercase tracking-wider">{t('settings.application.display_language')}</label>
+                  <label htmlFor="settings-app-locale" className="text-[11px] text-[#888] uppercase tracking-wider">{t('settings.application.display_language')}</label>
                   <select
+                    id="settings-app-locale"
                     value={locale}
                     onChange={(e) => setLocale(e.target.value)}
                     className="bg-[#111] border border-[#2a2a2a] rounded px-3 py-2 text-[13px] text-white focus:border-blue-500 outline-none transition-colors appearance-none"

From 7f33cd318fd13bb248ab4322cda7afbdc15b0949 Mon Sep 17 00:00:00 2001
From: Matias Palma <matiaspalma2594@gmail.com>
Date: Tue, 21 Apr 2026 01:13:05 -0400
Subject: [PATCH 2/2] a11y: use field-specific aria-labels instead of
 action/section names
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Copilot review on #175 flagged five aria-labels that were re-using
action or section keys ("Commit", "Create branch", "Stash changes",
"Files: Exclude", "Marketplace") instead of naming the field itself,
so AT would announce something like "Commit, edit" where a user
reasonably expects "Commit message, edit".

Added five dedicated i18n keys (EN + ES) and re-wired the labels:

- Commit textarea          → git.commit_message_aria_label
- New branch input         → git.new_branch_aria_label
- Stash message input      → git.stash_message_aria_label
- Exclude pattern input    → settings.general.exclude_aria_label
- Marketplace filter select→ marketplace.filter_aria_label
---
 .../builtin.git-explorer/GitExplorerComponent.tsx      |  6 +++---
 apps/desktop/src/api/builtin.l10n.ts                   | 10 ++++++++++
 apps/desktop/src/components/MarketplaceView.tsx        |  2 +-
 apps/desktop/src/components/SettingsView.tsx           |  2 +-
 4 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/apps/desktop/src/addons/builtin.git-explorer/GitExplorerComponent.tsx b/apps/desktop/src/addons/builtin.git-explorer/GitExplorerComponent.tsx
index 40e5c7d9..17ead426 100644
--- a/apps/desktop/src/addons/builtin.git-explorer/GitExplorerComponent.tsx
+++ b/apps/desktop/src/addons/builtin.git-explorer/GitExplorerComponent.tsx
@@ -843,7 +843,7 @@ const GitExplorerComponent: React.FC = () => {
                   <div className="border-t border-[#222] p-2 flex gap-1">
                     <input value={newBranchName} onChange={(e) => setNewBranchName(e.target.value)}
                       onKeyDown={(e) => { if (e.key === "Enter") handleCreateBranch(); }}
-                      aria-label={t('git.action.create_branch')}
+                      aria-label={t('git.new_branch_aria_label')}
                       placeholder={t('git.new_branch')}
                       className="flex-1 bg-[#0e0e0e] border border-[#222] rounded-md px-2 py-1 text-[11px] text-white placeholder-[#444] focus:outline-none focus:border-[#444]" />
                     <button onClick={handleCreateBranch} disabled={!newBranchName.trim() || gitLoading}
@@ -857,7 +857,7 @@ const GitExplorerComponent: React.FC = () => {
             {/* Commit */}
             <div className="px-3 py-3 border-b border-[#1a1a1a]">
               <textarea value={commitMessage} onChange={(e) => setCommitMessage(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter" && e.ctrlKey) handleCommit(); }}
-                aria-label={t('git.commit_button')}
+                aria-label={t('git.commit_message_aria_label')}
                 placeholder={amendMode ? `${t('git.commit_placeholder')} (${t('git.action.amend')})` : t('git.commit_placeholder')}
                 className="w-full bg-[#141414] border border-[#222] rounded-xl p-2.5 text-[12px] text-white placeholder-[#444] focus:outline-none focus:border-[#444] resize-y min-h-[80px] max-h-[240px] transition-colors" />
               <div className="flex gap-1.5 mt-2">
@@ -972,7 +972,7 @@ const GitExplorerComponent: React.FC = () => {
                     <div className="px-3 pb-2 flex gap-1">
                       <input value={stashMessage} onChange={(e) => setStashMessage(e.target.value)}
                         onKeyDown={(e) => { if (e.key === "Enter") handleStash(); }}
-                        aria-label={t('git.action.stash')}
+                        aria-label={t('git.stash_message_aria_label')}
                         placeholder={t('git.stash.placeholder')}
                         className="flex-1 bg-[#141414] border border-[#222] rounded-md px-2 py-1 text-[11px] text-white placeholder-[#444] focus:outline-none focus:border-[#444]" />
                       <button onClick={handleStash} disabled={gitLoading} title={t('git.action.stash')}
diff --git a/apps/desktop/src/api/builtin.l10n.ts b/apps/desktop/src/api/builtin.l10n.ts
index c5f2d3a6..faa2fb90 100644
--- a/apps/desktop/src/api/builtin.l10n.ts
+++ b/apps/desktop/src/api/builtin.l10n.ts
@@ -17,6 +17,7 @@ export function registerBuiltinTranslations() {
         'settings.general.exclude_desc': 'Configure glob patterns for excluding files and folders. For example, the File Explorer decides which files and folders to show or hide based on this setting.',
         'settings.general.exclude_add_pattern': 'Add Pattern',
         'settings.general.exclude_placeholder': 'e.g. **/node_modules',
+        'settings.general.exclude_aria_label': 'Add exclude pattern',
         'settings.ai': 'AI Assistant',
         'settings.application': 'Application',
         'settings.about': 'About',
@@ -76,6 +77,7 @@ export function registerBuiltinTranslations() {
         'marketplace.search_placeholder': 'Search by name...',
         'marketplace.filter_all': 'All ({count})',
         'marketplace.filter_installed': 'Installed ({count})',
+        'marketplace.filter_aria_label': 'Filter extensions',
         'marketplace.loading_catalog': 'Loading catalog...',
         'marketplace.no_extensions': 'No extensions found.',
         'marketplace.view_install': 'View & Install',
@@ -86,6 +88,9 @@ export function registerBuiltinTranslations() {
         'git.init_button': 'git init',
         'git.commit_placeholder': 'Commit message...',
         'git.commit_button': 'Commit',
+        'git.commit_message_aria_label': 'Commit message',
+        'git.new_branch_aria_label': 'New branch name',
+        'git.stash_message_aria_label': 'Stash message',
         'git.suggest_ai': 'Suggest with AI',
         'git.staged': 'Staged ({count})',
         'git.changes': 'Changes ({count})',
@@ -396,6 +401,7 @@ export function registerBuiltinTranslations() {
         'settings.general.exclude_desc': 'Configura patrones de glob para excluir archivos y carpetas. Por ejemplo, el Explorador de archivos decide qué archivos y carpetas mostrar u ocultar basándose en este ajuste.',
         'settings.general.exclude_add_pattern': 'Añadir Patrón',
         'settings.general.exclude_placeholder': 'ej. **/node_modules',
+        'settings.general.exclude_aria_label': 'Añadir patrón de exclusión',
         'settings.ai': 'Asistente IA',
         'settings.application': 'Aplicación',
         'settings.about': 'Acerca de',
@@ -455,6 +461,7 @@ export function registerBuiltinTranslations() {
         'marketplace.search_placeholder': 'Buscar por nombre...',
         'marketplace.filter_all': 'Todas ({count})',
         'marketplace.filter_installed': 'Instaladas ({count})',
+        'marketplace.filter_aria_label': 'Filtrar extensiones',
         'marketplace.loading_catalog': 'Cargando catálogo...',
         'marketplace.no_extensions': 'No se encontraron extensiones.',
         'marketplace.view_install': 'Ver e Instalar',
@@ -465,6 +472,9 @@ export function registerBuiltinTranslations() {
         'git.init_button': 'git init',
         'git.commit_placeholder': 'Mensaje de commit...',
         'git.commit_button': 'Commit',
+        'git.commit_message_aria_label': 'Mensaje de commit',
+        'git.new_branch_aria_label': 'Nombre de la nueva rama',
+        'git.stash_message_aria_label': 'Mensaje del stash',
         'git.suggest_ai': 'Sugerir con IA',
         'git.staged': 'Preparados ({count})',
         'git.changes': 'Cambios ({count})',
diff --git a/apps/desktop/src/components/MarketplaceView.tsx b/apps/desktop/src/components/MarketplaceView.tsx
index 113f23a0..3e71820c 100644
--- a/apps/desktop/src/components/MarketplaceView.tsx
+++ b/apps/desktop/src/components/MarketplaceView.tsx
@@ -299,7 +299,7 @@ const MarketplaceView: React.FC = () => {
           <select
             value={filter}
             onChange={e => setFilter(e.target.value)}
-            aria-label={t('marketplace.title')}
+            aria-label={t('marketplace.filter_aria_label')}
             className="bg-[#1a1a1a] border border-[#2a2a2a] rounded-lg px-4 text-[12px] text-[#aaa] focus:outline-none cursor-pointer"
           >
             <option value="all">{t('marketplace.filter_all', { count: catalog.length.toString() })}</option>
diff --git a/apps/desktop/src/components/SettingsView.tsx b/apps/desktop/src/components/SettingsView.tsx
index d4dafbae..43a5c968 100644
--- a/apps/desktop/src/components/SettingsView.tsx
+++ b/apps/desktop/src/components/SettingsView.tsx
@@ -229,7 +229,7 @@ Node.js: ${systemInfo.node_version}
                           }
                         }}
                         placeholder={t('settings.general.exclude_placeholder')}
-                        aria-label={t('settings.general.exclude_title')}
+                        aria-label={t('settings.general.exclude_aria_label')}
                         className="w-full bg-[#111] border border-[#2a2a2a] rounded px-3 py-2 text-[13px] text-white focus:border-blue-500 outline-none transition-colors"
                       />
                     </div>