無障礙相關工具

Drag and Drop this link: ANDI into your browser’s favorites/bookmark bar
在要檢測的網頁,點擊此書籤,會檢測無障礙

輸入網址後,觀看色盲模式下的畫面
https://www.toptal.com/designers/colorfilter
https://wave.webaim.org/
https://achecker.ca/checker/index.php
https://a11ygator.chialab.io/

色盲
https://colororacle.org/index.html

NCC
https://www.handicap-free.nat.gov.tw/

顏色、對比、大小、色盲等服務都有
https://getstark.co/

單一顏色對比工具,可調整細部數值
https://colorable.jxnblk.com/

多個顏色比對工具
https://contrast-checker.glitch.me/

多個顏色比對工具
https://toolness.github.io/accessible-color-matrix/

顏色對比、且可用滴管工具
https://contrasteapp.com/

顏色對比:輸入色碼
https://hexnaw.com/

對比色範例
http://clrs.cc/a11y/

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google photo

您的留言將使用 Google 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.