Accessibility: Difference between revisions

Jump to navigation Jump to search
239 bytes added ,  31 May 2018
Line 64: Line 64:
* [https://colorable.jxnblk.com/ Colorable] 介紹: [https://free.com.tw/colorable/ Colorable 網頁色彩線上產生器,可產生符合 WCAG 規範配色組合] {{access | date = 2017-01-02}}
* [https://colorable.jxnblk.com/ Colorable] 介紹: [https://free.com.tw/colorable/ Colorable 網頁色彩線上產生器,可產生符合 WCAG 規範配色組合] {{access | date = 2017-01-02}}
* [https://www.toptal.com/designers/colorfilter Toptal Color Blind Filter] 「適合在網頁版面設計完畢之後,確認目前的顏色配置,是否會造成色盲、色弱者辨識困難的小工具。」出處:[https://www.facebook.com/loveudfish/photos/a.10151967822379750.1073741826.199162759749/10156644242119750/?type=3&theater 愛˙通用設計的小魚]
* [https://www.toptal.com/designers/colorfilter Toptal Color Blind Filter] 「適合在網頁版面設計完畢之後,確認目前的顏色配置,是否會造成色盲、色弱者辨識困難的小工具。」出處:[https://www.facebook.com/loveudfish/photos/a.10151967822379750.1073741826.199162759749/10156644242119750/?type=3&theater 愛˙通用設計的小魚]
* {{Chrome}} [https://remysharp.com/2017/08/17/contrast-ratio-in-devtools Contrast ratio in devtools]
* {{Chrome}} [https://developers.google.com/web/updates/2018/01/devtools#a11y What's New In DevTools (Chrome 65)  |  Web  |  Google Developers] [https://remysharp.com/2017/08/17/contrast-ratio-in-devtools Contrast ratio in devtools] 開發者工具的調色盤增加 Contrast Ratio 面板,可以方便知道背景文字顏色的對比


== 相關資源 ==
== 相關資源 ==

Navigation menu