Skip to content

feat(docs): UI 调研修复——品牌统一、可访问性与收尾打磨 - #51

Merged
PaloMiku merged 5 commits into
mainfrom
feat/docs-ui-polish
Oct 4, 2026
Merged

PaloMiku merged 5 commits into
mainfrom
feat/docs-ui-polish

Conversation

@PaloMiku

@PaloMiku PaloMiku commented Oct 4, 2026

Copy link
Copy Markdown
Collaborator

背景

对站点做了两轮 UI 调研(代码审计 + 本地截图视觉验收),按优先级修掉 13 项问题。仅改动 UI 层,不涉及文档内容与构建配置。

改动

品牌统一

  • 文档区 primary 从 fumadocs 默认灰蓝覆盖为品牌 teal(亮 teal-700 / 暗 teal-400,实测满足 WCAG AA;teal-600 亮色仅 3.4:1 故加深一档)
  • 全局 focus ring 改为跟随 --color-fd-primary,不再硬编码色值

layout(base.astro)

  • 新增 skip-to-content 链接(键盘 Tab 首焦点出现),slot 外包 div#main 作落点(fumadocs 布局内部 <main> 无法加 id)
  • 新增 SVG favicon(teal→cyan 渐变圆角方块 + 白色 M),声明改为 SVG 优先 + PNG 兜底 + apple-touch-icon
  • 补亮/暗两条 theme-color meta

首页预览轮播(preview-images.tsx)

  • 指示条位置改由 ResizeObserver 驱动重算(覆盖窗口缩放与字体加载)
  • 自动轮播尊重 prefers-reduced-motion、悬停暂停
  • 补全 tablist/tab/tabpanel 语义与 aria-selected/aria-controls,装饰元素 aria-hidden

收尾打磨

  • 图标去模板化:Rocket→Compass、Sparkles→Palette
  • 版权年份/贡献者计数加 tabular-nums,contributors 补可见计数行
  • 404:装饰大字 aria-hidden,新增「常用页面」快捷链接组
  • theme-card 外链头像补 loading="lazy"

法务页面

  • 新增 /privacy、/terms(真实内容、H2 小节结构),footer 补两条链接——站内宣传 AI 评论审核等涉及用户数据的功能,需要基础法务页面兜底

验证

  • astro check 0 错误、eslint 干净
  • 本地 dev server 截图(首页亮/暗、文档页亮/暗、404、privacy/terms)经视觉验收 4/4 通过,无回归

已知存量问题(本次未处理)

代码块 <figure> 存在重复 tabindex="0"/-1",触发 dev 环境 React SSR 警告;已用 git stash 在基线复现确认为 fumadocs 上游行为,不影响生产用户。

覆盖 fumadocs 的 --color-fd-primary(亮 teal-700 / 暗 teal-400,实测满足
WCAG AA;teal-600 亮色仅 3.4:1 不达标故加深一档),全局 focus ring 改为
跟随主题 primary 变量,不再硬编码色值。
- body 开头新增视觉隐藏、键盘焦点时出现的「跳到主要内容」,slot 外包
  div#main 作落点(fumadocs 布局内部 main 无法加 id)
- 新增 teal→cyan 渐变的 SVG favicon,声明改为 SVG 优先 + PNG 兜底 +
  apple-touch-icon,解决 PNG 位图小尺寸渲染不可控的问题
- 补亮/暗两条 theme-color meta
- 指示条位置改由 ResizeObserver 驱动重算,覆盖窗口缩放与字体加载
- 自动轮播尊重 prefers-reduced-motion,悬停暂停
- tab 组补全 tablist/tab/tabpanel 语义与 aria-selected/aria-controls,
  指示条等纯装饰元素加 aria-hidden
- Rocket→Compass、Sparkles→Palette,去掉最模板化的两个图标
- 版权年份与贡献者计数加 tabular-nums;contributors 补可见的计数行
- 404:装饰大字 aria-hidden,新增「常用页面」快捷链接组
- theme-card 外链头像补 loading="lazy"
- /privacy、/terms 两页真实内容(非占位文),带 H2 小节结构
- footer 补两条法务链接;站内宣传 AI 评论审核等涉及用户数据的功能,
  需要基础法务页面兜底
Copilot AI balanced review requested due to automatic review settings October 4, 2026 18:10
@safedep

safedep Bot commented Oct 4, 2026 •

Copy link
Copy Markdown

SafeDep Report Summary

Green Malicious Packages Badge Green Vulnerable Packages Badge Green Risky License Badge

No dependency changes detected. Nothing to scan.

View complete scan results →

This report is generated by SafeDep GitHub App

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@PaloMiku
PaloMiku merged commit cc0f960 into main Oct 4, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants