可见焦点
每个可交互控件都有描边 + 偏移的焦点环，对比度不低于 3:1，鼠标点击不干扰，键盘路径始终可见。
WCAG 2.2 · i18n · 主题引擎
为每一个人，用每一种语言，在每一种光线下阅读。
这是一份可键盘操作、可朗读、可切换中英与明暗主题的综合演示。对比度经过核算，状态变化会写入实时区域。
四项工程能力
交互可预期，文案可替换，主题可跟随，错误可宣告。
即时翻译
语言切换写入 localStorage，按钮、导航、标题、表单、校验与屏幕朗读文案同步替换，无需刷新。
主题令牌
浅色、深色与跟随系统共用一套 CSS 变量。系统偏好变化会即时重算，并避免首屏闪烁。
键盘优先
Tab 循环、方向键在菜单与手风琴中漫游，Esc 关闭浮层并把焦点还给触发器。
常见问题
用手风琴展开细节。一次只打开一项，方向键可在问题间移动。
浅色模式使用 #1a1a1a 正文与 #2563eb 强调色铺在 #ffffff 上；深色模式使用 #e2e8f0 正文与 #60a5fa 强调色铺在 #0f172a 上。次要文字选用更深或更亮的灰，避免半透明降低对比。
会。文档 lang 属性会更新，同时礼貌优先级的 aria-live 区域会朗读新的语言名称，避免只改视觉文字。
操作系统的浅色或深色是用户已表达的偏好。跟随系统并监听 prefers-color-scheme，可以在环境变化时自动切换，而无需再点一次。
无效字段会设置 aria-invalid，错误文本通过 aria-describedby 挂到控件上，提交失败时焦点移到第一处错误，并在 assertive live region 宣告错误数量。
给我们留言
所有字段均有可见标签。提交前会在客户端校验，成功或失败都会公告。