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 21

實作無障礙網頁功能:表格(Table)原來可以補充的語義這麼多!

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

2019-10-06 ‧ 由 Askie Lin 分享
DAY 22

實作無障礙網頁功能:頁籤 Tabs

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

2019-10-07 ‧ 由 Askie Lin 分享
DAY 23

實作無障礙網頁功能:此 Switch 非彼 Switch,可訪問的雙狀態開關作法。

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

2019-10-08 ‧ 由 Askie Lin 分享
DAY 24

實作無障礙網頁功能:無障礙定位點(導盲磚 `:::`)

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

2019-10-09 ‧ 由 Askie Lin 分享
DAY 25

實作無障礙網頁功能:無限捲軸之於訪問性的討論 Infinite Scroll(Feed)

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

2019-10-10 ‧ 由 Askie Lin 分享
DAY 26

開發無障礙網頁:使用瀏覽器開發者工具 Chrome vs Firefox

開發者工具(Devtools)在網頁開發中是日常生活的一環,很多除錯的功能在很多大大的文章都有介紹,這篇文章要介紹的是如何使用瀏覽器內建的開發者工具作為無障礙檢...

2019-10-11 ‧ 由 Askie Lin 分享
DAY 27

開發無障礙網頁:免費檢測工具介紹(Testing & Linting)

在前一篇文章當中,介紹了瀏覽器的開發者工具中有工具哪些能適時幫助我們建立可訪問的網站。 而今天要來介紹的內容將涵蓋: 檢測訪問性的步驟 檢測訪問性的工具...

2019-10-12 ‧ 由 Askie Lin 分享
DAY 28

真實世界:使用 iOS 輔助功能 VoiceOver 來瀏覽行動版網頁

(圖片來源:Apple) 維基百科:VoiceOver is a screen reader built into Apple Inc.'s macOS, i...

2019-10-13 ‧ 由 Askie Lin 分享
DAY 29

真實世界:使用 Android 輔助功能 TalkBack 來瀏覽行動版網頁

(圖片來源:Google) 維基百科:Google Talkback was an accessibility service for Android th...

2019-10-14 ‧ 由 Askie Lin 分享
DAY 30

Web Accessibility:這 30 天的遺珠之憾與補充

(圖片來源:Unsplash) My idea of society is that while we are born equal, meaning th...

2019-10-15 ‧ 由 Askie Lin 分享