第十一屆 優選

web
實踐無障礙網頁設計(Web Accessibility)
Askie Lin

系列文章

DAY 21

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

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

DAY 22

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

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

DAY 23

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

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

DAY 24

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

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

DAY 25

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

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

DAY 26

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

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

DAY 27

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

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

DAY 28

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

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

DAY 29

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

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

DAY 30

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

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