谷歌 Chrome 新增開(kāi)發(fā)者工具，幫助開(kāi)發(fā)對(duì)色盲友好的頁(yè)面

2020-03-15 19:12 作者：艾銻無(wú)限 瀏覽量：

 
十幾年前，潘石屹的遠(yuǎn)見(jiàn)卓實(shí)，知道中國(guó)的未來(lái)會(huì)隨著改革開(kāi)放與世界經(jīng)濟(jì)接軌的速度，將會(huì)促進(jìn)更多的中小企業(yè)誕生，相應(yīng)這些群體對(duì)辦公室的配套需求也會(huì)越來(lái)越高，2005年，在北京最繁華地段國(guó)貿(mào)邊上，一排排商住兩用簡(jiǎn)易辦公樓在建外矗立時(shí)，人人都說(shuō)這是一群爛尾樓，不會(huì)有人買的，也不會(huì)有人租的，但十幾年的發(fā)展，潘石屹用事實(shí)證明了他的眼光，在貴的地方也有屌絲，而且需求量高的嚇人，不夸張的說(shuō)，在建外SOHO這一二十棟樓里沒(méi)有一間是空著的，每棟都擠滿了大大小小的中小企業(yè)創(chuàng)業(yè)者。
 
回想2005年艾銻無(wú)限在創(chuàng)建時(shí)也立志要為中國(guó)的中小企業(yè)提供最好的IT服務(wù)，大浪淘沙，十幾年后的今天，艾銻無(wú)限仍然堅(jiān)持當(dāng)初為中小企業(yè)服務(wù)的路，一直都在努力成就我們服務(wù)的每一家客戶，為他們提供最好的IT服務(wù)，從未改變過(guò)，很多從那個(gè)時(shí)候一起成長(zhǎng)的企業(yè)，有的都上市了，有的改行了，有的關(guān)門了，但艾銻無(wú)限的初心一直都未改變：
 
首先我們覺(jué)得無(wú)論怎樣努力，中國(guó)的服務(wù)始終都有很多可以提升的空間和要?jiǎng)?chuàng)新的地方。
 
其次在IT服務(wù)這個(gè)行業(yè)，中國(guó)起步比效晚，還有很多工作需要做，需要我們把這十幾年的經(jīng)驗(yàn)貢獻(xiàn)出來(lái)支持更多像我們一樣的中小企業(yè)幫助他們成長(zhǎng)和發(fā)展。
 
還有每一家企業(yè)在剛成立時(shí)都會(huì)滿懷信心，斗志昂揚(yáng)，激情四溢，如果十幾年后的今天還能不忘初心，始終如一的在這條道上，我覺(jué)得做什么都不重要，做到什么程度也不是最重要的，有這樣的心和不變的狀態(tài)才是創(chuàng)業(yè)者最需要的。


我們堅(jiān)信只要中國(guó)的IT外包服務(wù)商都能堅(jiān)定自己選擇的這個(gè)行業(yè)，用心把服務(wù)做好，一定可以讓中國(guó)的服務(wù)走向世界，讓中國(guó)的IT服務(wù)水平和品質(zhì)可以與世界那些卓越的服務(wù)企業(yè)并駕齊驅(qū)，為中國(guó)小企業(yè)提供世界級(jí)的服務(wù)，幫助中國(guó)中小企業(yè)的信息化建設(shè)及其后期的IT運(yùn)維等工作，從而真正實(shí)現(xiàn)每一家中小企業(yè)的中國(guó)品質(zhì)，中國(guó)創(chuàng)新，中國(guó)夢(mèng)想。

Chrome開(kāi)發(fā)者透露了正在開(kāi)發(fā)中的一個(gè)可以幫助開(kāi)發(fā)者使網(wǎng)站對(duì)色盲更加友好的開(kāi)發(fā)者工具 Color Vision Deficiency（CVD，色覺(jué)障礙/色盲）。


根據(jù)ColourBlindAwareness.org的說(shuō)法，目前全球大約有3億色盲人群。新的Chrome將通過(guò)DevTools在任何給定的網(wǎng)頁(yè)上模擬全色盲、紅色盲與綠色盲等色盲人群看到的樣式。需要包括以下內(nèi)容：

· 引入Chrome DevTools協(xié)議（CDP）API（Emulation#setEmulatedColorVisionDeficiency），以支持通過(guò)CDP以編程方式啟用這些模擬。

· 引入新的Puppeteer API，以編程方式支持通過(guò)CDP進(jìn)行這些模擬。

· 在DevTools colorpicker小部件中展開(kāi)對(duì)比度檢查器，以檢查已知色盲之間的對(duì)比度問(wèn)題。

· 向可訪問(wèn)性審核添加一個(gè)Lighthouse測(cè)試，以使用新功能，并檢查每個(gè)模擬的對(duì)比級(jí)別。

長(zhǎng)期而言，CVD理想情況下將在Blink Renderer級(jí)別獲得一級(jí)支持，因此可以在不更改文檔或不影響計(jì)算樣式的情況下將過(guò)濾器應(yīng)用于文檔。以下是一個(gè)簡(jiǎn)單的示例，該示例使用GraphicsContext::SetColorFilter無(wú)條件添加過(guò)濾
器：

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()));

預(yù)計(jì)Chrome 82會(huì)加入該工具，不過(guò)目前可以使用Canary版本體驗(yàn)。