设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客

BootStrap的色盲无障碍性

2013-6-1 19:54| 发布者: joejoe0332| 查看: 1451| 评论: 0|原作者: 黄余粮|来自: 伯乐在线

摘要:   最近读了本《 Don’t Make Me Think》(强烈推荐) ,它改变了我对 web的视角。我认为最有趣的地方是无障碍性那部分。我从来没有想到过全世界有8%的人是色盲。这可是一个非常庞大的人群,足足5.6亿人口。  意识 ...

  最近读了本《 Don’t Make Me Think》(强烈推荐) ,它改变了我对 web的视角。我认为最有趣的地方是无障碍性那部分。我从来没有想到过全世界有8%的人是色盲。这可是一个非常庞大的人群,足足5.6亿人口。

  意识到这些问题后,我开始思考每天都在使用的web。假使一个非常知名并且被广泛使用的CSS库对色盲的人群不友好,结果将会怎样?然后,我打开Bootstrap,开始搜寻和颜色相关的东西。就发现了下面这些按钮。

  以上这些按钮是常人看到的效果,这些按钮看起来很清新,对吧?不过,色盲的人看到却是另外一种效果。

  我突然想到上面的“Success” 和 “Warning”看起来差别不明显。这两个按钮本意差别很大,用相近的颜色来区分显然不符合逻辑。于是,我把颜色的整个光谱图上传到 “Coblis” (http://www.color-blindness.com/coblis-color-blindness-simulator/) 。看看能否找到对所有人而言,更恰当的、用于区分 Danger 和 Success 的颜色。结果如下:

  从上图来看,我想大家都应该很清楚了:不管是不是色盲,黄色和蓝色都是容易区分的。( 顺便提一句,大家知道为什么Facebook选蓝色吗?)

  扯了这么多,我个人的建议: 对于“Success”这类的按钮,让我们用蓝色替换绿色。这样一来,每个人都可以清楚地区分它们。

  原文链接: Julesinthemiddle
  译文链接: http://blog.jobbole.com/40597/


酷毙
2

雷人

鲜花

鸡蛋

漂亮

刚表态过的朋友 (2 人)

  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部