全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（Web Content Accessibility Guidelines，WCAG）用於讓網頁可以更容易被訪問，藉由這些原則，讓內容能夠被廣大的身心障礙人士使用，其中涉及到可感知性、可操作性和可理解性等各種層面。
Who Can Use 檢查網頁配色對視力障礙使用者友善程度
網頁色彩
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發現有些應用程式可完美支援，也會一併轉為暗色介面，但在不支援深色模式的應用程式表現出來的顏色會更刺眼，嚴重影響到使用體驗。如果你是應用程式開發者，可能後續都得再加上對於深色模式的支援，讓顏色更接近暗色，亦可在使用者選擇不同模式時自動調整為最合適的配色效果。
如何讓網頁變成黑白？使用 CSS Filter 套用濾鏡樣式表教學
上個月台灣發生震驚社會的宜蘭普悠瑪列車出軌事故，造成許多旅客輕重傷甚至死亡，也對台灣交通運輸安全打上一個大大的問號，各種資訊隨著時間不斷被揭露出來，讓我懷疑需要多好的運氣才能平安度過每一天？發生憾事後再多道歉和賠償也無法撫平傷痛，或許平常就該認真謹慎面對所有大小事情，扣除天災更多的是人禍，往往都是過於疏忽怠慢、不夠嚴謹造成的。
Hex Naw 檢測你的網站配色對比和可視性評分，找出最具網頁親和力色彩組合
Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表」，能以更簡單、有組織性的方式呈現網站樣式和各元件，對開發者來說是非常實用的工具。當然瀏覽器可以做的事情也很多，包括一行程式碼將瀏覽器變成網頁編輯器，直接從網頁中修改內容，在開發網站測試時會省時省事很多。
Stylify Me 快速獲取網站配色、字型等風格資訊
設計網頁除了參考現有網站的排版、架構外，更需要的就是觀摩別人是怎麼配色、選擇字型，好的設計不但能讓整體網頁質感加分，還有助於讓訪客更容易了解網站動線，而不會在瀏覽時迷路。Stylify Me 是一個讓你快速獲取某個網站配色、字型設定的線上工具，只要輸入網址，即可分析出網頁使用的所有顏色配置，包括背景顏色、文字顏色、字型、字體大小等資訊。