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

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

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

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

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

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

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

diff--gita/third_party/blink/renderer/platform/graphics/graphics_context.ccb/third_party/blink/renderer/platform/graphics/graphics_context.cc

index7cbbd9656eff..d700d15a5cb4100644

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

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

+//clang-formatoff

+constfloatkAchromatopsiaColorMatrix[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-formaton

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

+

if(ContextDisabled()){

DEFINE_STATIC_LOCAL(SkCanvas*,null_sk_canvas,

(SkMakeNullCanvas().release()));

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

關(guān)鍵詞： 谷歌 Chrome

責(zé)任編輯：Rex_07