From 50daab11e2823b719086de551384edf21bbd6771 Mon Sep 17 00:00:00 2001
From: baiqing <lbx12309@icloud.com>
Date: Tue, 12 May 2026 00:55:26 +0800
Subject: [PATCH] fix(a11y): expose Collapsible expanded state + keyboard focus
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

pr-agent #407 二次反馈：toggle button 缺 aria-expanded（屏幕阅读器无法判断
当前组是否展开），并且 outline: 'none' 把浏览器默认 keyboard focus indicator
也抹掉了（Tab 切换时丢失视觉焦点）。

修复：
- 加 aria-expanded={open}
- 移除 outline: 'none'，让浏览器默认 focus ring 显示出来
---
 openless-all/app/src/pages/_atoms.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/openless-all/app/src/pages/_atoms.tsx b/openless-all/app/src/pages/_atoms.tsx
index 9467cb09..0b10db0e 100644
--- a/openless-all/app/src/pages/_atoms.tsx
+++ b/openless-all/app/src/pages/_atoms.tsx
@@ -184,12 +184,14 @@ export function Collapsible({ title, desc, defaultOpen = false, embedded = false
       <button
         type="button"
         onClick={() => setOpen(o => !o)}
+        aria-expanded={open}
+        // 让屏幕阅读器朗读折叠状态；键盘 focus 保留浏览器默认 outline 而不是
+        // outline: 'none'，避免 Tab 切换时丢失视觉焦点指示（pr-agent #407 反馈）。
         style={{
           width: '100%',
           padding: '14px 18px',
           background: 'transparent',
           border: 0,
-          outline: 'none',
           textAlign: 'left',
           fontFamily: 'inherit',
           color: 'inherit',