iT邦幫忙

2026 iThome 鐵人賽

DAY 8
0

大概失敗的理由我認為是以下原因:

  1. Component 被前端框架綁架
  2. 要維護的東西太多,開源、上 npm、社群經營等
  3. 沒有掌握好無障礙網頁發展世界線
  4. 綁定工作

我決定先從最拿手的技術層面開始重新思考,
專注於技術,問了一個核心問題:

「如何消除依賴,讓更多的網頁新手,一開始就能無意間符合部分無障礙」

  1. 不依賴前端框架也能使用
  2. 簡單的引入就能使用,不要透過安裝又多一些依賴要維護
  3. 只使用原生 CSS,這樣可隨時無痛轉移 CSS 出去
  4. 以原生 Html 為主,也就是原生可用的只規劃 CSS,不夠用的才做成 Component
  5. 即便套用其他 CSS 框架,CSS 也不能被影響
  6. 不先做好主題樣式,只給最普通的,但 CSS Variable 讓使用者可以做細微修改,保持彈性(應該可以稱為 headless 了?)
  7. 可以只挑要使用的 Component 使用,不一定要整包引入
  8. Component 要有封閉性,但必要時可以有管道打開

最後的結論是:Web Component。
可能使用上有一些限制,但發展也算有一點歷史、網路資源也不難找,
而且能成功達成以上目的。

也就是,當一個新手,會引入 CSS 和 Javascript 的時候,
他就可以使用做好的 Web Component 了,
就好像以前學 jQuery 一樣,馬上就可以看到應用成果,這種狀況是我覺得最理想了。

等到新手變老手,想跨足前端框架時,就看文件寫一些轉化過程的設定應該就搞定了,
不過可能有一些資料傳輸面上的問題,我不太熟悉這裡會否有什麼重大問題,
但秉持著就算有也只是技術問題,應該也都可以解決的想法,我就開始研究 Web Component 與無障礙了。


上一篇
自我懷疑時期:網頁無障礙為什麼不容易維護
系列文
從「得過且過」心態到建立無障礙生態系:Accesserty8
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言