我們總是期待更多的用戶使用我們的產(chǎn)品垂睬，當(dāng)用戶量增長到一定規(guī)模時驹饺，無障礙設(shè)計就顯得尤為重要缴渊。但目前有很多關(guān)于色彩對比度可訪問性的原則被錯誤使用。
他們常不加思考的使用這些標(biāo)準(zhǔn)蝌借，而不是作為設(shè)計決策的一種依據(jù)菩佑。
誤解1：WCAG要求對比度始終保持最佳效果
Web可訪問性指南（WCAG）是一套用于確定可訪問性色彩對比度的標(biāo)準(zhǔn)原則擎鸠，然而劣光，這些標(biāo)準(zhǔn)在實(shí)際應(yīng)用中并不總是有效的糟把。你應(yīng)該使用它來指導(dǎo)你的設(shè)計決策雄可，而不是完全的照搬使用数苫。
WCAG標(biāo)準(zhǔn)不適用于白色文本的對比虐急。下面的兩個按鈕都有藍(lán)色背景止吁，但一個是白色文本敬惦，一個是黑色文本俄删。當(dāng)你調(diào)研用戶哪個按鈕更容易閱讀時抗蠢，大多數(shù)用戶會告訴你白色文本的按鈕更易閱讀迅矛，但是WCAG色彩對比度顯示白色文本比率卻不合格秽褒。
黑色文本的對比度為5.41销斟，符合要求蚂踊。然而犁钟，白色文本的對比度是2.94，這是不合格的迈勋。根據(jù)WCAG比率來看，白色文本按鈕可閱讀性不強(qiáng)米愿，但實(shí)際上它更易閱讀泳唠。
研究表明：正常視覺用戶發(fā)現(xiàn)白色文本更易閱讀笨腥，該原則同樣適用于色盲用戶脖母。
這種誤差同樣發(fā)生在橙色背景上，白色是沒有色調(diào)/飽和度的純亮度讼积，是對比度最強(qiáng)的肥照。高亮度背景上的高亮度文本在計算時是呈低對比度的。但視覺上白色文本的按鈕更易閱讀是有道理的勤众。
設(shè)計應(yīng)該滿足人們看到的舆绎，而不是計算的結(jié)果。這就是為什么設(shè)計師的眼睛總是在方程式外扮演著另一個角色们颜。
誤解2：文本必須符合3A標(biāo)準(zhǔn)
有人認(rèn)為吕朵，所有文本必須符合最高級別的AAA標(biāo)準(zhǔn)，否則大部分用戶將無法訪問它窥突。這種說法是錯誤的努溃！
3A最小比率為：7:1，以補(bǔ)償20/80視覺障礙的用戶對比度缺失阻问。但這些用戶大多數(shù)都佩戴了眼鏡來彌補(bǔ)視覺的障礙，所以3A的要求只適用于沒有佩戴眼鏡且有視力障礙的用戶哮塞。
研究表明：低視力也與衰老有關(guān)眠屎，大部分人在70歲時視力開始下降，如果你的用戶群是70歲以上，滿足一些3A標(biāo)準(zhǔn)可以提升他們的閱讀效率。
對于大多數(shù)用戶來說，滿足AA就足夠了。2A要求對比度比率為4.5:1，以補(bǔ)償20/40視覺障礙的用戶對比度缺失。研究發(fā)現(xiàn)：大多數(shù)人在80歲時至少保持著20/40的視覺敏銳度。這一發(fā)現(xiàn)表明，滿足2A的文本也可供大多數(shù)用戶識別噩峦。
誤區(qū)三：界面組件與文本具有相同的對比度標(biāo)準(zhǔn)
許多人認(rèn)為組件與文本應(yīng)保持相同的對比度標(biāo)準(zhǔn)，這是錯誤的切油！
組件的對比度為3:1攻谁，而文本為4.5:1熙涤。文本需要更高的對比度等舔，因?yàn)橛脩粜枰喿x它丈钙，而組件不需要讀取星岗。
許多細(xì)微差別會影響文本對比度曹仗，比如字體大小和粗細(xì)妓灌。大文本（18pt或14pt粗體）可以使用較低的比率缝呕。不僅如此栈暇，某些組件也不受此要求的約束。在將界面組件或文本保存到標(biāo)準(zhǔn)比率之前规哲，請確保在正確的情況下正確使用它。
誤區(qū)四：灰色文本和按鈕不可訪問趁矾，看起來是禁用態(tài)
灰色文本是禁用態(tài)斑粱，不可訪問無法閱讀惑艇，這是錯誤的耗跛！
許多人認(rèn)為用戶無法閱讀灰色文本姜凄，因?yàn)樗雌饋韺Ρ榷群艿腿蠹ァ１热缦旅娴陌粹o有灰色文本，有些人認(rèn)為它是禁用態(tài)影涉。不過，通過對比度計算顯示吵护，它遠(yuǎn)高于2A標(biāo)準(zhǔn)譬圣。
此標(biāo)準(zhǔn)還意味著就缆，只要文本標(biāo)簽滿足4.5:1的比率廓旬，按鈕旁邊的圖標(biāo)就沒有對比度要求芹枷。
灰色按鈕被用戶習(xí)慣的認(rèn)為是禁用態(tài)衅疙，當(dāng)一個按鈕很難閱讀時，用戶不必費(fèi)心去閱讀杖狼，這就是禁用按鈕的目的炼蛤，更不用說對比度了。
誤區(qū)五：色盲用戶分不清對比色
假如一個設(shè)計是使用顏色對比來傳達(dá)信息的蝶涩，色盲用戶不會注意到差異理朋，這是錯誤的絮识！
顏色色相和顏色對比度是兩個不同的維度，色盲用戶難以區(qū)分特定的顏色色相嗽上，并不難區(qū)分顏色對比的差異次舌。按鈕可以只使用一種顏色，并有足夠的對比度差異就可以了兽愤。
當(dāng)顏色是綠色和紅色時彼念，且保持著相同亮度時，色盲用戶很難注意到顏色的對比度浅萧，如下圖示例逐沙，色盲用戶幾乎看不出有什么差異。
色盲有多種類型洼畅，但你最應(yīng)該關(guān)注的是紅綠色缺陷的用戶吩案，99%的色盲人群屬于紅綠色色盲。
誤區(qū)六：光用顏色不足以傳達(dá)信息
這是錯誤的帝簇！
顏色不應(yīng)作為傳達(dá)信息徘郭、指示動作或區(qū)分元素的唯一視覺手段。然而丧肴，本標(biāo)準(zhǔn)僅適用于不同顏色被賦予特定含義以通知用戶的場景残揉。換句話說，如果你使用顏色差異來傳達(dá)信息芋浮，你需要一個額外的提示抱环。但是如果你用明暗來傳達(dá)信息，你不需要額外的提示途样，只要對比度差足夠大也可以江醇。
如下圖toggle使用藍(lán)色表示可交互態(tài)濒憋，但沒有指定給藍(lán)色的特定含義何暇，可通過顏色對比度來傳達(dá)信息。
顏色被賦予含義的另一個例子是表單字段上的錯誤提示凛驮。紅色通常用于指示文本字段中的錯誤提示裆站。在這種情況下，紅色不足以指示錯誤狀態(tài)黔夭，因?yàn)樯び脩艨床坏剿昕琛Ｒ虼耍阈枰粋€額外的提示本姥，例如文本或圖標(biāo)肩袍，以指示錯誤狀態(tài)。
另一個例子是使用顏色來表示頁面上的系統(tǒng)狀態(tài)婚惫。綠色和紅色常被用來表示系統(tǒng)問題的嚴(yán)重性氛赐。在這種情況下魂爪，“顏色的使用”要求是適用的，因?yàn)轭伾毁x予了特定的含義艰管。但需要圖標(biāo)來幫助色盲用戶區(qū)分每個系統(tǒng)狀態(tài)滓侍。
誤區(qū)七：無障礙設(shè)計需滿足所有用戶需求
這是錯誤的！
每個設(shè)計師都希望能滿足所有用戶的需求牲芋。盡管設(shè)計師們一直在努力做到這一點(diǎn)撩笆，但即使你遵循了WCAG的每一個要求，也不可能做到這一點(diǎn)缸浦∠Τ澹總有一些用戶會發(fā)現(xiàn)你的設(shè)計讓他們感到不安。
與其基于無法實(shí)現(xiàn)的幻想去追求理想裂逐，不如基于可實(shí)現(xiàn)的現(xiàn)實(shí)去追求理想≡爬蓿現(xiàn)實(shí)情況是，一個好的可訪問性的設(shè)計不能滿足每個用戶的需求絮姆，但它可以滿足盡可能多的用戶的需求醉冤。
色彩對比度可訪問性的細(xì)微差別
在為用戶設(shè)計時，可訪問性應(yīng)該始終是重點(diǎn)關(guān)注點(diǎn)篙悯。WCAG指南是幫助你實(shí)現(xiàn)最高標(biāo)準(zhǔn)的可訪問性設(shè)計的有效工具蚁阳。
了解色彩對比度可訪問性的細(xì)微差別將幫助你準(zhǔn)確地滿足WCAG標(biāo)準(zhǔn)。全面了解WCAG指南的使用鸽照，可以保持視覺上的簡潔和美觀螺捐，同時平衡它們與可訪問性的關(guān)系。
