{
 "title": "網頁動畫無障礙與效能檢查清單",
 "site": "網頁動畫工具箱",
 "canonical": "https://motion.penguindriver.com/a11y",
 "markdown": "https://motion.penguindriver.com/a11y.md",
 "summary": "動畫網站必看：prefers-reduced-motion、WCAG 2.2.2 暫停自動播放、2.3.1 閃爍限制、只動 transform 與 opacity、避免 CLS 與 LCP 變慢。",
 "date_modified": "2026-09-26",
 "retrieved": "2026-09-28",
 "content_sha256": "fdaca179c78bb780b39e2457a1ed2dd5bf2cb8de9c21840d93ef0d5f058937b2",
 "fingerprint_basis": "Markdown 版全文，移除贊助行與開頭 front matter，去除頭尾空白",
 "verify": {
  "text_snapshot": "https://motion.penguindriver.com/cite?path=%2Fa11y&format=text",
  "how": "下載 text_snapshot 後計算 SHA-256，應與 content_sha256 相同；內容更新時指紋會改變"
 },
 "sources": [
  {
   "name": "MDN：prefers-reduced-motion",
   "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion"
  },
  {
   "name": "W3C WCAG 2.2",
   "url": "https://www.w3.org/TR/WCAG22/"
  },
  {
   "name": "web.dev：高效能 CSS 動畫",
   "url": "https://web.dev/articles/animations-guide"
  }
 ],
 "source_count": 3,
 "cite_as": {
  "zh": "網頁動畫無障礙與效能檢查清單｜網頁動畫工具箱。https://motion.penguindriver.com/a11y（資料日期 2026-09-26，擷取 2026-09-28）",
  "apa": "網頁動畫工具箱. (2026). 網頁動畫無障礙與效能檢查清單. Retrieved 2026-09-28, from https://motion.penguindriver.com/a11y",
  "markdown": "[網頁動畫無障礙與效能檢查清單](https://motion.penguindriver.com/a11y)（網頁動畫工具箱，2026-09-26）"
 },
 "license": "可引用，請附上正式網址與資料日期"
}