技術 實作無障礙網頁功能：真・button —— RWD 漢堡選單應用

這系列無障礙的鐵人賽文章，實踐的內容主要是根據 W3C：WAI-ARIA 的實踐，從設計模式及組件（Design Patterns and Widgets）裡...

技術 實作無障礙網頁功能：真・button —— 按鈕的世界比你想像複雜，別再用 div 刻假按鈕了！

這系列無障礙的鐵人賽文章，實踐的內容主要是根據 W3C：WAI-ARIA 的實踐，從設計模式及組件（Design Patterns and Widgets）裡...

技術 實作無障礙網頁功能：麵包屑 Breadcrumb

這系列無障礙的鐵人賽文章，實踐的內容主要是根據 W3C：WAI-ARIA 的實踐，從設計模式及組件（Design Patterns and Widgets）裡...

技術 實作無障礙網頁功能：當使用者輸入錯誤的警告視窗 Alert

這系列無障礙的鐵人賽文章，實踐的內容主要是根據 W3C：WAI-ARIA 的實踐，從設計模式及組件（Design Patterns and Widgets）裡...

技術 實作無障礙網頁功能：鍵盤也能操作的手風琴 Accordion

這系列無障礙的鐵人賽文章，實踐的內容主要是根據 W3C：WAI-ARIA 的實踐，從設計模式及組件（Design Patterns and Widgets）裡...

技術 以設計層面來思考無障礙網站

（圖片來源：Inclusive Design - Microsoft） 設計雖不是我的專業，不過網站的製作可不是僅靠工程師的力量而已啊啊，所以也將找到的相關資...

技術 無障礙網站之 JavaScript 迷思和 SPA 探討

迷思：無障礙和 JS 只能擇一？ JavaScript isn’t the enemy of accessibility. - A11Y with linds...

技術 無障礙網站之 CSS 注意事項

（Photo by Igor Miske on Unsplash） 為所有人考量樣式的呈現 使用 CSS 可以使網頁變得炫彩奪目、時尚、應用任何漂亮的效果及排...

技術 無障礙網站 WAI-ARIA 的 States and Properties，都是 Attribute 啊！

（圖片來源：How to Make Custom Accessible Checkboxes and Radio Buttons） 狀態與屬性 States...

技術 無障礙網站之 WAI-ARIA 的角色介紹（Role）

Hi there! 讀過前篇文章，對 WAI-ARIA 已經有基本認知，就可以來認識 ARIA 的基本要素：角色、狀態、屬性，它提供特殊的可訪問性「屬性 Att...

技術 實踐無障礙網站一定要先知道的 WAI-ARIA 的 5 個重要觀念

打造無障礙網站的基礎 無障礙的每個頁面內容需要在「表單」、「語義」、「結構」、「互動行為」下功夫，使用輔助科技的人們就能接受到真正的資訊。 以下基礎知識在前幾篇...

達標好文 技術 無障礙網站之 HTML 屬性介紹：tabindex

TL;DR 本篇文章學習之重點： 瞭解讓功能可以使用鍵盤操作功能的重要性 瞭解怎麼透過鍵盤瀏覽網頁 瞭解 tabindex 的用法 Foucs 焦點 什麼是...

技術 無障礙網站之 HTML 屬性介紹：精通替代文字 alt 屬性

替代文字 Alternative text 看到文章標題也許你會想：「啊不是就是幫元素加上 alt 屬性這麼簡單嗎？」 沒錯，添加替代文字是很容易沒錯，不過理解...

技術 無障礙網站：HTML 元素與客製化控制組件的語義

TL;DR 本篇文章學習目的： 理解 HTML 之於瀏覽器與的示能性 理解 HTML 元素與客製化控制組件的語義賦予方式之差異 Affordance 示能...

技術 無障礙標章：WCAG 與 NCC 國家通訊傳播委員會的無障礙規範（申請流程與標章使用規定）

十個真實生活中的幫助 Web Accessibility: Essential for some, useful for all. - W3C WAI 一...

達標好文 技術 無障礙網站又稱為可訪問的網站，難道還有不可訪問的網站嗎？

只要花 60 秒瞭解「無障礙網站」概念 Your Website + Accessibility = BFF —— Jenn Lukas 前言 「網站」是...