美文网首页
2019-05-13——W3C无障碍指南(WCAG 2.1)字体

2019-05-13——W3C无障碍指南(WCAG 2.1)字体

作者: quantre | 来源:发表于2019-05-13 18:59 被阅读0次

    昨天是阳光明媚的周日,很高兴去参加了先路大神的交互设计分享会。
    比你厉害超级多的人还比你努力呢!总之今天先把自己缺的知识点补充起来,感谢大神的长达5个小时的分享...

    今天还建立的自己的Twitter~

    W3C无障碍指南(WCAG 2.1)

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

    WCAG是Web Content Accessibility Guidelines 即web内容无障碍指南
    要做国外版的官网,昨天先路提到的对比度3:1、4.5:1的来自无障碍指南,正好和国外的设计朋友也聊到我们现在国内网站的一些问题。最明显的一点是对比度。

    安利一个工具:https://webaim.org/resources/contrastchecker/ 做强光测试的,之前的UI进阶文章里写过一部分,可以关键词搜索查看;

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

    2A级对比度

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

    3A级对比度

    举个例子(我司网站和某网站)


    对比度.png

    这里有问题的是按钮部分,按钮的前景色#A6C44C:#FAF9F9 = 1.88:1,不符合AA标准大于4.5:1,也不符合AAA级标准7:1,最好调整到大于7:1;

    怎么说呢,听完昨天的分享感触还蛮多的。刚入行的时候,恨不得一瓣时间掰开两份用,会读深度的专业书,会各种找渠道学习,下班再晚到家也是学到1、2点。头晕脑胀的时候就告诉自己,你不是专业出生,你要好好努力。但是现在我多久没有看书了呢?毕业到现在快4年了,一直呆在一家公司,所有业务线我都很熟悉,所有需求都满足之后,我真的有好好学习吗?昨天有点没睡好,稍微有点自责,怎么有这么多东西我都不知道呢?感恩大神的分享,学习是一个慢慢进步的过程,也是一辈子都要做的事情,圆圆加油!这大概就是参加分享会的意义吧。

    可以每天把自己学习的内容记录下来,每天进步一小点点,哈哈。

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

    相关文章

      网友评论

          本文标题:2019-05-13——W3C无障碍指南(WCAG 2.1)字体

          本文链接:https://www.haomeiwen.com/subject/lghlaqtx.html