無障礙網頁速覽

工具

無障礙三神器：

  1. 瀏覽器 (Lighthouse on Chrome)
  2. Freego
  3. NVDA (NVDA 台灣)

實做

無障礙做得好能促進 SEO。基本上，Freego能過算是基本。還有其他東西要幹。幾個點：

  1. 語意化 HTML。
  2. 多媒體需要文字報讀：幫圖片加上 alt 屬性、影片及聲音檔則加上文字描述。
  3. 色彩要有對比。
  4. 鍵盤導航要多點心力。
    • onclick 增加 onkeydown 事件。例如: <span tabindex="-1" onkeydown="return handleKeyDown();">…</span>
  5. 漸進增強：優先以 HTML 呈現內容、再來以 CSS 裝飾、最後以 JavaScript 讓網站好用。
    • noscript 標籤

其他網站

可能去資源教室問問看有沒有其他東西能考慮的？

CC-BY-ND 4.0 Text is available under the Creative Commons Attribution-NoDerivatives 4.0 License (Attribution: iigmir) unless other available license declared in the article. Images are available under licenses specified in the article.