iT邦幫忙

2026 iThome 鐵人賽

DAY 3
0

在智慧手機爆發的那幾年,曾經有個話題火熱討論過,
那就是設計師到底要不要學程式這件事,
因為我本身是資工出身但不務正業喜歡設計與做出能看、能玩的東西,
所以當初我是支持的(喜歡寫 CSS 跟 javascript),因為好處太多了,
包含但不限於理解工程師想法、實務作法、溝通技巧、自己動手實現版面的成就感,
而且時不時的就可以一直左右腦互搏在中間取得平衡,也跟工程師無縫討論,
2026 年換 AI 爆發,利用 AI 能跟 LLM 聊的東西太多了。

簡述一下我當初對於無障礙網頁技術狂熱時期為了學習無障礙做過的一些事:

  1. 到 W3C School 和 HTML 字典書 把每一個標籤內容都理解創造時的用意、現代演化應用並整理普遍常用、情境用的。
  2. 到 W3C School 和 CSS 字典書 把 CSS 全部屬性一個個理解創造時的用意、現代演化應用並整理普遍常用、情境用的。
  3. WAI-ARIA 把所有 aria 的觀念與理解創造時的用意、現代演化應用並整理普遍常用、情境用的。
  4. 融合設計流程,結合設計與前端,研究如何從 Figma 設計稿開始就符合無障礙規範且對齊前端 CSS 變數,以便於工程師無縫銜接
  5. 研究 Guideline 與 Design System 轉化為前端可遵循的指引
  6. 把無障礙網路空間服務網的資源與規定,全部翻過再翻過,了解文件、法規、常見問題、發展脈絡、地域性與全球性的差異、現況差異。
  7. 研究 6. 的常見網頁問題,並搜尋解決辦法快速學起來
    1. 地圖
    2. 圖表
    3. 輪播
    4. 表單
    5. icon
    6. 驗證碼
    7. SEO 與無障礙
  8. 整理 Checklist
  9. 參加鐵人賽寫文章
  10. 研究各大當時流行的框架,研究他們有沒有做無障礙,有的話又是怎麼做的
  11. 與團隊打造 CSS 框架
  12. 研究 Web Component

每一點都可以寫成一篇長文,就不特別再繼續展開,
這階段瘋狂研究技術層面,觀念面還沒建立的很透徹,
畢竟學習就是要趁著當下對什麼有動力的時候瘋狂投入。


上一篇
前言:從第一次遇見無障礙網頁到建立自我無障礙生態系觀點的過程
下一篇
技術狂熱時期:學習如何測試無障礙網頁
系列文
從「得過且過」心態到建立無障礙生態系:Accesserty8
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言