鐵人檔案
“The power of the web is in its universality. Access by everyone regardless of disability is an essential aspect.” — Tim Berners-Lee
關於實踐「無障礙網頁」，其實沒有這麼難！首先會在文章釐清「障礙」的定義，帶大家瞭解實作的每個環節。希望透過實踐過程的紀錄，讓自己及更多開發者可以有無障礙的概念，幫助產品擴大使用族群、也讓更多使用者受惠。最後也會羅列整理好的學習資源。
只要花 60 秒瞭解「無障礙網站」概念 Your Website + Accessibility = BFF —— Jenn Lukas 前言 「網站」是...
十個真實生活中的幫助 Web Accessibility: Essential for some, useful for all. - W3C WAI 一...
TL;DR 本篇文章學習目的： 理解 HTML 之於瀏覽器與的示能性 理解 HTML 元素與客製化控制組件的語義賦予方式之差異 Affordance 示能...
替代文字 Alternative text 看到文章標題也許你會想：「啊不是就是幫元素加上 alt 屬性這麼簡單嗎？」 沒錯，添加替代文字是很容易沒錯，不過理解...
TL;DR 本篇文章學習之重點： 瞭解讓功能可以使用鍵盤操作功能的重要性 瞭解怎麼透過鍵盤瀏覽網頁 瞭解 tabindex 的用法 Foucs 焦點 什麼是...
打造無障礙網站的基礎 無障礙的每個頁面內容需要在「表單」、「語義」、「結構」、「互動行為」下功夫，使用輔助科技的人們就能接受到真正的資訊。 以下基礎知識在前幾篇...
Hi there! 讀過前篇文章，對 WAI-ARIA 已經有基本認知，就可以來認識 ARIA 的基本要素：角色、狀態、屬性，它提供特殊的可訪問性「屬性 Att...
（圖片來源：How to Make Custom Accessible Checkboxes and Radio Buttons） 狀態與屬性 States...
（Photo by Igor Miske on Unsplash） 為所有人考量樣式的呈現 使用 CSS 可以使網頁變得炫彩奪目、時尚、應用任何漂亮的效果及排...
迷思：無障礙和 JS 只能擇一？ JavaScript isn’t the enemy of accessibility. - A11Y with linds...
