開發與驗證工具

• Accessibility Support 列出 aria 在各螢幕報讀與瀏覽器的支援程度

• https://html5accessibility.com/ HTML5 tag 在各大瀏覽器支援程度

• https://validator.w3.org/ https://validator.w3.org/nu/ HTML 驗證

• https://gsnedders.html5.org/outliner/ 標題檢測 HTML 5 Outliner是由html.org提供的HTML5大綱(標題)結構上的驗證，一個結構好的網站，應該要清楚明瞭地訂定各個區塊的作用為何，以及它們彼此的從屬關係。一篇文章中可能會有大標題小標題，藉由清楚的描述這些標題，可以使得搜尋引擎在瀏覽網頁的時候，知道網頁的主題是什麼，好讓其他人更容易透過搜尋引擎找到網站。如果HTML 5 Outliner發現到網頁中有不明的區塊，會標示為「Untitled Section」。根據HTML5的標準，「nav」或是「aside」標籤元素所構成的區塊，可以不必有標題，但是HTML 5 Outliner還是會將其標示為「Untitled Section」，如果在意的話，可以將它們也加上標題。使用者只需要輸入網站網址，或是上傳單獨的網頁檔案，甚至是直接貼上網頁原始碼，按下按鈕後就可以開始驗證。

• https://jigsaw.w3.org/css-validator/ CSS 驗證

• https://validator.w3.org/checklink 檢查連結是否無效

• https://validator.w3.org/i18n-checker/ i18n check

• https://app.makeitfable.com/AUS 無障礙網頁使用心得問卷，請使用者填寫

• https://www.w3.org/WAI/planning/statements/generator/#create https://www.accessibilitystatementgenerator.com/ 建立無障礙聲明小工具

• https://better-mobile-inputs.netlify.app/ 行動裝置輸入設計

• https://how-many.herokuapp.com/ 評估可能多少無障礙人士使用你的網站

• Checklist

  • Custom Control Accessible Development Checklist

  • Deque’s Web Accessibility Checklist — includes checklists for components, forms, images, links, multimedia, etc. VERY useful.

  • “The Must-Have WCAG 2.1 Checklist”

  • The A11y project’s WCAG Checklist

  • WebAIM’s WCAG 2 Checklist

  • Accesibility Not-Checklist