谷歌 Chrome 新增开发者工具，帮助开发对色盲友好的页面

2020-03-15 19:12 作者：艾锑无限 浏览量：

 
十几年前，潘石屹的远见卓实，知道中国的未来会随着改革开放与世界经济接轨的速度，将会促进更多的中小企业诞生，相应这些群体对办公室的配套需求也会越来越高，2005年，在北京最繁华地段国贸边上，一排排商住两用简易办公楼在建外矗立时，人人都说这是一群烂尾楼，不会有人买的，也不会有人租的，但十几年的发展，潘石屹用事实证明了他的眼光，在贵的地方也有屌丝，而且需求量高的吓人，不夸张的说，在建外SOHO这一二十栋楼里没有一间是空着的，每栋都挤满了大大小小的中小企业创业者。
 
回想2005年艾锑无限在创建时也立志要为中国的中小企业提供最好的IT服务，大浪淘沙，十几年后的今天，艾锑无限仍然坚持当初为中小企业服务的路，一直都在努力成就我们服务的每一家客户，为他们提供最好的IT服务，从未改变过，很多从那个时候一起成长的企业，有的都上市了，有的改行了，有的关门了，但艾锑无限的初心一直都未改变：
 
首先我们觉得无论怎样努力，中国的服务始终都有很多可以提升的空间和要创新的地方。
 
其次在IT服务这个行业，中国起步比效晚，还有很多工作需要做，需要我们把这十几年的经验贡献出来支持更多像我们一样的中小企业帮助他们成长和发展。
 
还有每一家企业在刚成立时都会满怀信心，斗志昂扬，激情四溢，如果十几年后的今天还能不忘初心，始终如一的在这条道上，我觉得做什么都不重要，做到什么程度也不是最重要的，有这样的心和不变的状态才是创业者最需要的。


我们坚信只要中国的IT外包服务商都能坚定自己选择的这个行业，用心把服务做好，一定可以让中国的服务走向世界，让中国的IT服务水平和品质可以与世界那些卓越的服务企业并驾齐驱，为中国小企业提供世界级的服务，帮助中国中小企业的信息化建设及其后期的IT运维等工作，从而真正实现每一家中小企业的中国品质，中国创新，中国梦想。

Chrome开发者透露了正在开发中的一个可以帮助开发者使网站对色盲更加友好的开发者工具 Color Vision Deficiency（CVD，色觉障碍/色盲）。


根据ColourBlindAwareness.org的说法，目前全球大约有3亿色盲人群。新的Chrome将通过DevTools在任何给定的网页上模拟全色盲、红色盲与绿色盲等色盲人群看到的样式。需要包括以下内容：

· 引入Chrome DevTools协议（CDP）API（Emulation#setEmulatedColorVisionDeficiency），以支持通过CDP以编程方式启用这些模拟。

· 引入新的Puppeteer API，以编程方式支持通过CDP进行这些模拟。

· 在DevTools colorpicker小部件中展开对比度检查器，以检查已知色盲之间的对比度问题。

· 向可访问性审核添加一个Lighthouse测试，以使用新功能，并检查每个模拟的对比级别。

长期而言，CVD理想情况下将在Blink Renderer级别获得一级支持，因此可以在不更改文档或不影响计算样式的情况下将过滤器应用于文档。以下是一个简单的示例，该示例使用GraphicsContext::SetColorFilter无条件添加过滤
器：

diff --git a/third_party/blink/renderer/platform/graphics/graphics_context.cc b/third_party/blink/renderer/platform/graphics/graphics_context.cc

index 7cbbd9656eff..d700d15a5cb4 100644

--- a/third_party/blink/renderer/platform/graphics/graphics_context.cc

+++ b/third_party/blink/renderer/platform/graphics/graphics_context.cc

@@ -113,6 +113,16 @@ GraphicsContext::GraphicsContext(PaintController& paint_controller,

   paint_state_stack_.push_back(std::make_unique<GraphicsContextState>());

   paint_state_ = paint_state_stack_.back().get();

+  // clang-format off

+  const float kAchromatopsiaColorMatrix[20] = {

+      0.299f, 0.587f, 0.114f, 0.000f, 0.000f,

+      0.299f, 0.587f, 0.114f, 0.000f, 0.000f,

+      0.299f, 0.587f, 0.114f, 0.000f, 0.000f,

+      0.000f, 0.000f, 0.000f, 1.000f, 0.000f,

+  };

+  // clang-format on

+  paint_state_->SetColorFilter(SkColorFilters::Matrix(matrix));

+

   if (ContextDisabled()) {

     DEFINE_STATIC_LOCAL(SkCanvas*, null_sk_canvas,

                         (SkMakeNullCanvas().release()));

预计Chrome 82会加入该工具，不过目前可以使用Canary版本体验。