iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 69 瀏覽

鐵人賽佛心分享-SideProject30 DAY 12

從「得過且過」心態到建立無障礙生態系：Accesserty 系列第 12 篇

技術尋找方向時期：我的第一個Chrome 擴充程式：Report Website Issues

稍微整理一下前兩篇：上上一篇是學習 Chrome Extension，上一篇是在思索能否做成一些小工具幫助人們，所以這篇是當初製作小工具的思考過程的紀錄。當初...

我愛無障礙網頁設計的大叔 ‧ 2026-09-24

0 Like 0 留言 47 瀏覽

鐵人賽佛心分享-SideProject30 DAY 11

從「得過且過」心態到建立無障礙生態系：Accesserty 系列第 11 篇

技術尋找方向時期：好想做一個能把 Google 搜尋結果以無障礙支援優先排序的，但現實狠狠打臉

在技術面上都練習了一些之後，我開始思考我能做些什麼網站或是小工具，一開始我是很想做像是 a11yjobs 那種網站，也就是在某個領域但是專攻無障礙，想了很久都有...

我愛無障礙網頁設計的大叔 ‧ 2026-09-23

0 Like 0 留言 49 瀏覽

鐵人賽佛心分享-SideProject30 DAY 7

從「得過且過」心態到建立無障礙生態系：Accesserty 系列第 7 篇

技術自我懷疑時期：網頁無障礙為什麼不容易維護

從 2021 年 4 月開始學習無障礙至 2022 年 6 月第一階段主要任務完成後，期間我們也已經應用在了很多專案上，雖然仍有很多瑕疵，但當時的我是真的覺得可...

我愛無障礙網頁設計的大叔 ‧ 2026-09-19

0 Like 0 留言 37 瀏覽

鐵人賽佛心分享-SideProject30 DAY 6

從「得過且過」心態到建立無障礙生態系：Accesserty 系列第 6 篇

技術技術狂熱時期：看見機會，在公司建立無障礙前端 CSS 框架

事情是這樣的，大約在 2021 年 4 月，當公司團隊興致勃勃的學習無障礙時，無障礙網路空間服務網發佈了 2.1 AA 新版規範，審核也開始變得嚴格，我就跟公司...

我愛無障礙網頁設計的大叔 ‧ 2026-09-18

0 Like 0 留言 74 瀏覽

鐵人賽佛心分享-SideProject30 DAY 5

從「得過且過」心態到建立無障礙生態系：Accesserty 系列第 5 篇

技術技術狂熱時期：在公司裡推廣無障礙網頁

在我個人學習無障礙的同時，我也在公司嘗試推廣無障礙。首先，我是先透過在前端讀書會分享，建立為什麼我推薦要做這些事、可以怎麼分階段做、怎麼檢驗、要做哪些事、做了...

我愛無障礙網頁設計的大叔 ‧ 2026-09-17

0 Like 0 留言 73 瀏覽

鐵人賽佛心分享-SideProject30 DAY 4

從「得過且過」心態到建立無障礙生態系：Accesserty 系列第 4 篇

技術技術狂熱時期：學習如何測試無障礙網頁

當初我學習了實作的技術之後，下一步就是檢驗自己寫的程式對不對，所以就開始學習測試。測試分為機器測試與人工測試，工具其實超多，以下簡要說明就好：機器測試：...

我愛無障礙網頁設計的大叔 ‧ 2026-09-16

0 Like 0 留言 81 瀏覽

鐵人賽佛心分享-SideProject30 DAY 3

從「得過且過」心態到建立無障礙生態系：Accesserty 系列第 3 篇

技術技術狂熱時期：瘋狂學習無障礙網頁技術

在智慧手機爆發的那幾年，曾經有個話題火熱討論過，那就是設計師到底要不要學程式這件事，因為我本身是資工出身但不務正業喜歡設計與做出能看、能玩的東西，所以當初我是支...

我愛無障礙網頁設計的大叔 ‧ 2026-09-15

0 Like 0 留言 92 瀏覽

鐵人賽佛心分享-SideProject30 DAY 2

從「得過且過」心態到建立無障礙生態系：Accesserty 系列第 2 篇

技術前言：從第一次遇見無障礙網頁到建立自我無障礙生態系觀點的過程

這篇內文部分會跟我四、五年前寫過的有點像，但不寫一下好像跟後面接不起來，我就帶一下就好。當初剛轉職成網頁設計師時，工作內容有包含政府標案，標案有規定要通過無障...

我愛無障礙網頁設計的大叔 ‧ 2026-09-14

0 Like 0 留言 98 瀏覽

鐵人賽佛心分享-SideProject30 DAY 1

從「得過且過」心態到建立無障礙生態系：Accesserty 系列第 1 篇

技術很高興我又提起勇氣回來了，這是本次分享目錄

Hi 大家好，時隔多年我又回來挑戰鐵人賽了，距離上次挑戰已過三年，其實中間每一年都想參加，但是之前的經驗太痛苦了，那時是靠著學習技術的熱情撐下來每一天，年紀漸長...

我愛無障礙網頁設計的大叔 ‧ 2026-09-13

0 Like 0 留言 67 瀏覽

鐵人賽 Modern Web DAY 29

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 29 篇

技術 Day 29：工具說「我不知道」的時候，你該怎麼辦

Day 29 · W4 · 無障礙線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。本篇初稿與查證由作者和 Codex 協作，發布前由作者確認。完整系列協...

Maple | 睞特 ‧ 2026-09-13

0 Like 0 留言 144 瀏覽

鐵人賽 Modern Web DAY 26

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 26 篇

技術 Day 26：每一件 AI 沒做到的事，都是我以為它會自己做的

Day 26 · W4 · AI 線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-09-10

0 Like 0 留言 133 瀏覽

鐵人賽 Modern Web DAY 25

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 25 篇

技術 Day 25：我讓 AI 先查規範再寫，差別只在它查到的那幾條

Day 25 · W4 · AI 線 · 難度 ★★★☆☆` 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與...

Maple | 睞特 ‧ 2026-09-09

0 Like 0 留言 144 瀏覽

鐵人賽 Modern Web DAY 23

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 23 篇

技術 Day 23：我沒教 AI 怎麼修，我教它怎麼證明修好了

Day 23 · W4 · AI 線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-09-07

0 Like 0 留言 112 瀏覽

鐵人賽 Modern Web DAY 22

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 22 篇

技術 Day 22：同一份 CSS，五月的工具沒話說，九月的工具報了一整排 fail

Day 22 · W4 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-09-06

0 Like 0 留言 222 瀏覽

鐵人賽 Modern Web DAY 17

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 17 篇

技術 Day 17：我一行 CSS 都沒改，同一個顏色在深色模式下變成不合格

Day 17 · W3 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-09-01

0 Like 0 留言 176 瀏覽

鐵人賽 Modern Web DAY 16

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 16 篇

技術 Day 16：我的連結沒有一個「了解更多」，問題在另一頭

Day 16 · W3 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-31

0 Like 0 留言 172 瀏覽

鐵人賽 Modern Web DAY 15

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 15 篇

技術 Day 15：我幫大部分的圖決定了它不用被唸出來

Day 15 · W3 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-30

0 Like 0 留言 248 瀏覽

鐵人賽 Modern Web DAY 14

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 14 篇

技術 Day 14：我列了一份「不准按」的清單，然後發現送出鍵不在上面

Day 14 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-29

0 Like 0 留言 186 瀏覽

鐵人賽 Modern Web DAY 13

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 13 篇

技術 Day 13：`outline: none` 我一行都沒寫，焦點還是有兩個地方看不見

Day 13 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-28

0 Like 0 留言 206 瀏覽

鐵人賽 Modern Web DAY 12

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 12 篇

技術 Day 12：被我掃的網頁，可以叫我的工具說它通過

Day 12 · W2 · AI 線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-27

0 Like 0 留言 240 瀏覽

鐵人賽 Modern Web DAY 11

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 11 篇

技術 Day 11：我的工具把整個部落格當成訊息日誌

Day 11 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-26

0 Like 0 留言 252 瀏覽

鐵人賽 Modern Web DAY 10

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 10 篇

技術 Day 10：漸層背景上的白字，公式要吃哪一個顏色

Day 10 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-25

0 Like 0 留言 213 瀏覽

鐵人賽 Modern Web DAY 9

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 9 篇

技術 Day 09：同一條規則我寫了兩次，因為 lint 跟瀏覽器看到的不是同一個東西

Day 09 · W2 · AI 線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-24

0 Like 0 留言 252 瀏覽

鐵人賽 Modern Web DAY 8

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 8 篇

技術 Day 08：Python 一行都不是我寫的，那我到底在做什麼

Day 08 · W2 · AI 線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-23

0 Like 0 留言 247 瀏覽

鐵人賽 Modern Web DAY 7

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 7 篇

技術 Day 07：六個魔術數字都是我拍板的，所以我把程式碼送出去

Day 07 · W1 · AI 線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-22

0 Like 0 留言 318 瀏覽

鐵人賽 Modern Web DAY 4

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 4 篇

技術 Day 04：20 秒裝好，然後它抓到自己

Day 04 · W1 · 無障礙線 · 難度 ★☆☆☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-19

0 Like 0 留言 278 瀏覽

鐵人賽 Modern Web DAY 3

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 3 篇

技術 Day 03：一個晚上，AAA 自評覆蓋率從 12/20 跑到 20/20

Day 03 · W1 · AI 線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-18

0 Like 0 留言 267 瀏覽

鐵人賽 Modern Web DAY 2

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 2 篇

技術 Day 02：我們的工具說「全綠」，人工審查回來 9 條

Day 02 · W1 · 無障礙線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Maple | 睞特 ‧ 2026-08-17

0 Like 0 留言 404 瀏覽

鐵人賽 Modern Web DAY 1

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列第 1 篇

技術 Day 01：前端不寫 Python，照樣 ship 一把網頁無障礙 CLI

Day 01 · W1 · AI 線 + 無障礙線 · 難度 ★☆☆☆☆ 這 30 天系列由 AI 協作撰寫內容、技術判斷、程式碼，皆由 light-des...

Maple | 睞特 ‧ 2026-08-16

0 Like 0 留言 1072 瀏覽

鐵人賽自我挑戰組 DAY 30

無障礙網頁設計大叔日記系列第 30 篇

技術第三十日：在討論功能與估時的時候，別「孤立」無障礙的工與時。

大叔已經花了很大一個篇幅說明無障礙，團隊也花了很大的力氣打造能降低成本的工具，但能做的有限，因為內容的編排才是重點。但最後一天大叔只想強調一點，無障礙的估時，...

我愛無障礙網頁設計的大叔 ‧ 2022-10-06

技術 尋找方向時期：我的第一個Chrome 擴充程式：Report Website Issues

技術 尋找方向時期：好想做一個能把 Google 搜尋結果以無障礙支援優先排序的，但現實狠狠打臉

技術 自我懷疑時期：網頁無障礙為什麼不容易維護

技術 技術狂熱時期：看見機會，在公司建立無障礙前端 CSS 框架

技術 技術狂熱時期：在公司裡推廣無障礙網頁

技術 技術狂熱時期：學習如何測試無障礙網頁

技術 技術狂熱時期：瘋狂學習無障礙網頁技術

技術 前言：從第一次遇見無障礙網頁到建立自我無障礙生態系觀點的過程

技術 很高興我又提起勇氣回來了，這是本次分享目錄