可訪問性 僅用顏色傳達意義
為什麼
並非所有人對顏色的感知方式都相同。紅綠色盲是最常見的形式，它影響高達 8% 的男性。有些人使用灰度模式來控制他們的手機成癮。
什麼
不要僅憑顏色作為傳達意義的唯一視覺指示。
最常見的例子是在沒有下劃線或邊框的情況下設定連結的樣式。
瀏覽器預設會為超連結新增下劃線。可以使用級聯樣式表（CSS）移除下劃線，但大多數情況下這樣做都是不明智的。使用者習慣於看到帶下劃線的連結。
WebAIM：連結和超文字
維基百科是一個僅使用顏色為連結設定樣式的例子。在該網站的灰度版本中，無法區分純文字和連結。
如何操作
帶下劃線的連結
為連結新增下劃線。或者，不要移除它們。請記住，它們會降低可讀性。
為了提高可讀性，我們可以使用text-underline-offset和text-decoration-color等 CSS 屬性。
text-underline-offset和text-decoration-color來提高可讀性。顏色作為狀態
除了顏色之外，還可以新增文字和/或圖示來傳達意義。
工具
注意：以下工具會評估對比度，假設你將其用作文字顏色。
許多不適合用作背景/顏色組合的顏色，卻非常適合用作圖形、按鈕等的顏色。
該工具 Contrast Ratio 使用顏色來傳達 色彩對比度 是否良好。紅色表示對比度不佳。在此示例中，你可能會說數字是另一個指標。這是一個有效的論點。但是，你假設使用者理解對比度度量標準並瞭解相關指南。
該工具 Coolors Color Contrast Checker 使用三種方法告訴我們顏色組合是否良好
- 紅色告訴我們對比度不佳。
- 文字非常差告訴我們對比度非常... 非常差。
- 1 顆星（5 顆星中）告訴我們這真的很糟糕。
不要僅依賴顏色。像 Coolors 一樣，使用兩種或三種方法。
