2019-05-13——W3C無障礙指南(WCAG 2.1)字體對比度

昨天是陽光明媚的周日,很高興去參加了先路大神的交互設(shè)計(jì)分享會。
比你厲害超級多的人還比你努力呢!總之今天先把自己缺的知識點(diǎn)補(bǔ)充起來,感謝大神的長達(dá)5個(gè)小時(shí)的分享...

今天還建立的自己的Twitter~

W3C無障礙指南(WCAG 2.1)

中文鏈接:https://w3c.github.io/WCAG21-zh/
原文鏈接:https://www.w3.org/TR/WCAG21/

WCAG是Web Content Accessibility Guidelines 即web內(nèi)容無障礙指南
要做國外版的官網(wǎng),昨天先路提到的對比度3:1、4.5:1的來自無障礙指南,正好和國外的設(shè)計(jì)朋友也聊到我們現(xiàn)在國內(nèi)網(wǎng)站的一些問題。最明顯的一點(diǎn)是對比度。

安利一個(gè)工具:https://webaim.org/resources/contrastchecker/ 做強(qiáng)光測試的,之前的UI進(jìn)階文章里寫過一部分,可以關(guān)鍵詞搜索查看;

AA級(前景比后景色大于4.5:1,大號文本可以大于3:1)

2A級對比度

AAA級(前景比后景色大于7:1,大號文本可以大于4.5:1)

3A級對比度

舉個(gè)例子(我司網(wǎng)站和某網(wǎng)站)


對比度.png

這里有問題的是按鈕部分,按鈕的前景色#A6C44C:#FAF9F9 = 1.88:1,不符合AA標(biāo)準(zhǔn)大于4.5:1,也不符合AAA級標(biāo)準(zhǔn)7:1,最好調(diào)整到大于7:1;

怎么說呢,聽完昨天的分享感觸還蠻多的。剛?cè)胄械臅r(shí)候,恨不得一瓣時(shí)間掰開兩份用,會讀深度的專業(yè)書,會各種找渠道學(xué)習(xí),下班再晚到家也是學(xué)到1、2點(diǎn)。頭暈?zāi)X脹的時(shí)候就告訴自己,你不是專業(yè)出生,你要好好努力。但是現(xiàn)在我多久沒有看書了呢?畢業(yè)到現(xiàn)在快4年了,一直呆在一家公司,所有業(yè)務(wù)線我都很熟悉,所有需求都滿足之后,我真的有好好學(xué)習(xí)嗎?昨天有點(diǎn)沒睡好,稍微有點(diǎn)自責(zé),怎么有這么多東西我都不知道呢?感恩大神的分享,學(xué)習(xí)是一個(gè)慢慢進(jìn)步的過程,也是一輩子都要做的事情,圓圓加油!這大概就是參加分享會的意義吧。

可以每天把自己學(xué)習(xí)的內(nèi)容記錄下來,每天進(jìn)步一小點(diǎn)點(diǎn),哈哈。

今天回去就玩2局王者,然后接著看WCAG,嘻嘻~我竟然上了鉆3,太厲害了我。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容