Accessibility: Difference between revisions
Jump to navigation
Jump to search
→親和力服務
(→親和力服務) |
(→親和力服務) |
||
| Line 61: | Line 61: | ||
文字顏色與背景顏色對比 | 文字顏色與背景顏色對比 | ||
* [https://webaim.org/resources/contrastchecker/ WebAIM: Color Contrast Checker] 檢視文字前景與背景顏色的對比率 (Contrast Ratio) ，是否符合「無障礙網頁內容指引」(WCAG) 2.0規範建議。{{access | date = 2016-09-13}} | * [https://webaim.org/resources/contrastchecker/ WebAIM: Color Contrast Checker] 檢視文字前景與背景顏色的對比率 (Contrast Ratio) ，是否符合「無障礙網頁內容指引」(WCAG) 2.0規範建議。{{access | date = 2016-09-13}} | ||
* [http://www.had2know.com/technology/color-contrast-calculator-web-design.html How to Calculate Color Contrast from RGB Values]([http://web.archive.org/web/20161210010555/http://www.had2know.com/technology/color-contrast-calculator-web-design.html 網頁備份]) {{access | date = 2016-11-07}} | * [http://www.had2know.com/technology/color-contrast-calculator-web-design.html How to Calculate Color Contrast from RGB Values]([http://web.archive.org/web/20161210010555/http://www.had2know.com/technology/color-contrast-calculator-web-design.html 網頁備份]) {{access | date = 2016-11-07}} | ||
| Line 67: | Line 68: | ||
* [https://color.a11y.com/ Color Contrast Accessibility Validator] {{access | date = 2021-03-07}} | * [https://color.a11y.com/ Color Contrast Accessibility Validator] {{access | date = 2021-03-07}} | ||
* {{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 面板，可以方便知道背景文字顏色的對比 | * {{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 面板，可以方便知道背景文字顏色的對比 | ||
其他服務工具清單 | |||
* [https://www.w3.org/WAI/ER/tools/ Web Accessibility Evaluation Tools List] | |||
== 相關資源 == | == 相關資源 == | ||