iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

實踐無障礙網頁設計(Web Accessibility) 系列

“The power of the web is in its universality. Access by everyone regardless of disability is an essential aspect.” — Tim Berners-Lee
關於實踐「無障礙網頁」,其實沒有這麼難!首先會在文章釐清「障礙」的定義,帶大家瞭解實作的每個環節。希望透過實踐過程的紀錄,讓自己及更多開發者可以有無障礙的概念,幫助產品擴大使用族群、也讓更多使用者受惠。最後也會羅列整理好的學習資源。

鐵人鍊成 | 共 30 篇文章 | 167 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v3.0
DAY 11

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

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

2019-09-26 ‧ 由 Askie Lin 分享
DAY 12

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

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

2019-09-27 ‧ 由 Askie Lin 分享
DAY 13

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

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

2019-09-28 ‧ 由 Askie Lin 分享
DAY 14

實作無障礙網頁功能:麵包屑 Breadcrumb

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

2019-09-29 ‧ 由 Askie Lin 分享
DAY 15

實作無障礙網頁功能:真・button —— 按鈕的世界比你想像複雜,別再用 div 刻假按鈕了!

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

2019-09-30 ‧ 由 Askie Lin 分享
DAY 16

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

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

2019-10-01 ‧ 由 Askie Lin 分享
DAY 17

實作無障礙網頁功能:超連結還能怎樣無障礙呢?

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

2019-10-02 ‧ 由 Askie Lin 分享
DAY 18

實作無障礙網頁功能:輪播圖 Carousel

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

2019-10-03 ‧ 由 Askie Lin 分享
DAY 19

實作無障礙網頁功能:全都要不行嗎...之 checkbox 複選元件

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

2019-10-04 ‧ 由 Askie Lin 分享
DAY 20

實作無障礙網頁功能:今天沒有拖棚之表單 radio,要選就只選我吧!

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

2019-10-05 ‧ 由 Askie Lin 分享