From 344a89028ee684c9c82f46ae4784c4eb2c433d29 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Sun, 5 Jul 2026 22:06:52 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[a11y=20improvement]?= =?UTF-8?q?=20Screen-reader=20friendly=20navigation=20hints?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replaced symbolic navigation hints ('↑↓', '⏎', 'esc') with screen-reader friendly text ('Up/Down', 'Enter', 'Esc') in the CommandSuggestionList component. This ensures navigation instructions are properly announced by screen readers. --- .jules/palette.md | 3 +++ src/cli/ui/components/CommandSuggestionList.tsx | 2 +- tests/integration/prompt_templates.test.ts | 4 +++- 3 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 .jules/palette.md diff --git a/.jules/palette.md b/.jules/palette.md new file mode 100644 index 00000000..3da33e36 --- /dev/null +++ b/.jules/palette.md @@ -0,0 +1,3 @@ +## 2026-07-05 - Replace Symbolic Navigation Hints with Screen-Reader Friendly Text +**Learning:** Screen readers in CLI environments rely on raw text output and fail to announce purely symbolic text (e.g., `↑↓`, `⏎`) properly, causing an accessibility regression for CLI navigation hints. +**Action:** Always replace purely symbolic navigation hints with visually concise but screen-reader-friendly text (like 'Up/Down', 'Enter') in Ink UI components. diff --git a/src/cli/ui/components/CommandSuggestionList.tsx b/src/cli/ui/components/CommandSuggestionList.tsx index 7e66838a..d51fe548 100644 --- a/src/cli/ui/components/CommandSuggestionList.tsx +++ b/src/cli/ui/components/CommandSuggestionList.tsx @@ -116,7 +116,7 @@ export const CommandSuggestionList: React.FC = ({ - ↑↓ nav · ⏎ select · esc close + Up/Down nav · Enter select · Esc close diff --git a/tests/integration/prompt_templates.test.ts b/tests/integration/prompt_templates.test.ts index 21905259..f1360d78 100644 --- a/tests/integration/prompt_templates.test.ts +++ b/tests/integration/prompt_templates.test.ts @@ -36,7 +36,9 @@ describe('Prompt templates', () => { expect(planSystem).toContain('You are SalmonLoop.'); expect(patchSystem).toContain('You are PATCH, a phase-native diff compiler.'); - expect(autopilotSystem).toContain('You are a senior software engineer running in "autopilot" mode.'); + expect(autopilotSystem).toContain( + 'You are a senior software engineer running in "autopilot" mode.', + ); expect(answerSystem).toContain('You are a coding assistant in "answer" mode.'); expect(researchSystem).toContain('You are a research assistant.'); });