Who Can Use 檢查網頁配色對視力障礙使用者友善程度

Who Can Use 檢查網頁配色對視力障礙使用者友善程度
Copyright : Alexey Sinelnikov / 123RF Stock Photos

全球資訊網協會(World Wide Web Consortium,W3C)制定的網頁內容無障礙指南相信大家不陌生,網頁內容無障礙指南(Web Content Accessibility Guidelines,WCAG)用於讓網頁可以更容易被訪問,藉由這些原則,讓內容能夠被廣大的身心障礙人士使用,其中涉及到可感知性、可操作性和可理解性等各種層面。

Hex Naw 檢測你的網站配色對比和可視性評分,找出最具網頁親和力色彩組合

Hex Naw 檢測你的網站配色對比和可視性評分,找出最具網頁親和力色彩組合

通常在選擇網頁的背景和前景色時會考慮到閱讀上的舒適度,如果顏色太接近或是對比太大,有可能讓閱聽者在閱讀上變得不那麼舒服,也會使整體配色出現奇怪的感覺。除了從選色工具直接套用其他設計師選好的顏色(例如 Colorable 可隨機產生符合 WCAG 規範的文字和背景顏色組合),我也建議測試一下你選用顏色之間的「網頁親和力」指數,這個步驟並不會耗費太多時間。

Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議

Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
(Copyright: boarding1now / 123RF Stock Photo

相信網頁設計師一定對 A11y(Accessibility,網頁親和力)不陌生,這個功能主要是透過軟硬體整合,讓殘疾或受過嚴重損傷的使用者可以正常瀏覽並操作你的網頁,雖然看起來有些困難,其實只要在開發時遵循網頁親和力的設計指南即可達成。不少佈景主題都已經內建支援 A11y ,如果你想自己手動研究,也有不少文件可參考,當然最重要的是知道自己網站有沒有符合網頁親和力規範。