# 無障礙檢測

{% hint style="info" %}
WCAG 2.2 之前都沒有分前後景顏色對比，3 之後同樣兩個顏色，前後景顏色會有對比差異。
{% endhint %}

### WCAG 2.2

* <https://colorable.jxnblk.com/>\
  挑選兩個顏色，檢查對比度以及預覽感覺
* <https://www.learnui.design/tools/accessible-color-generator.html>
* <https://color.adobe.com/zh/create/color-contrast-analyzer>
* [WebAIM: Contrast Checker](https://webaim.org/resources/contrastchecker/)
* [Colorblind Web Page Filter](https://www.toptal.com/designers/colorfilter/)

### WCAG 3

* [APCA Contrast tools](https://contrast.tools/)
* [Does the contrast ratio actually predict the legibility of website text?](https://www.cedc.tools/article.html)

### 色盲

* <https://www.color-blindness.com/coblis-color-blindness-simulator/>
