創新運營部
search
⌘Ctrlk
  • circle-info關於
GitBook Assistant
GitBook Assistant
Working...Thinking...
GitBook Assistant
Good afternoon

I'm here to help you with the docs.

⌘Ctrli
AI Based on your contextquestion-circle
創新運營部
  • 配色
  • 漸層
  • 無障礙檢測
  • 特殊主題配色
gitbookPowered by GitBook
block-quoteOn this pagechevron-down

無障礙檢測

circle-info

WCAG 2.2 之前都沒有分前後景顏色對比,3 之後同樣兩個顏色,前後景顏色會有對比差異。

hashtag
WCAG 2.2

  • https://colorable.jxnblk.com/arrow-up-right 挑選兩個顏色,檢查對比度以及預覽感覺

  • https://www.learnui.design/tools/accessible-color-generator.htmlarrow-up-right

  • https://color.adobe.com/zh/create/color-contrast-analyzerarrow-up-right

  • WebAIM: Contrast Checkerarrow-up-right

  • Colorblind Web Page Filterarrow-up-right

hashtag
WCAG 3

  • APCA Contrast toolsarrow-up-right

  • Does the contrast ratio actually predict the legibility of website text?arrow-up-right

hashtag
色盲

  • https://www.color-blindness.com/coblis-color-blindness-simulator/arrow-up-right

Previous漸層chevron-leftNext特殊主題配色chevron-right

Last updated 2 years ago

Was this helpful?

  • WCAG 2.2
  • WCAG 3
  • 色盲

Was this helpful?