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

0 Like 0 留言 45 瀏覽

鐵人賽 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 留言 129 瀏覽

鐵人賽 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 留言 123 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

Maple | 睞特 ‧ 2026-08-31

0 Like 0 留言 123 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

Maple | 睞特 ‧ 2026-08-30

0 Like 0 留言 188 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

Maple | 睞特 ‧ 2026-08-29

0 Like 0 留言 134 瀏覽

鐵人賽 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 留言 155 瀏覽

鐵人賽 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 留言 188 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

Maple | 睞特 ‧ 2026-08-26

0 Like 0 留言 203 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

Maple | 睞特 ‧ 2026-08-25

0 Like 0 留言 165 瀏覽

鐵人賽 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 留言 189 瀏覽

鐵人賽 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 留言 185 瀏覽

鐵人賽 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 留言 267 瀏覽

鐵人賽 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 留言 226 瀏覽

鐵人賽 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 留言 213 瀏覽

鐵人賽 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 留言 338 瀏覽

鐵人賽 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 留言 1057 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

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

0 Like 0 留言 1498 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術第二十九日：打造無障礙網頁設計 UI 框架：Piman 的誕生

今天可能會有點像是廣告的感覺，但主要還是想要分享當初與團隊在打造一款 UI 框架時所經歷的過程，所以文章內我就不打算把我們的連結放進來，避免文章太突兀感覺好像在...

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

0 Like 0 留言 1090 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術第二十八日：IAAP 的 WAS

以防可能有人沒有看到第二十六日的文章，所以還是再介紹一下，International Association of Accessibility Professi...

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

0 Like 0 留言 1642 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術第二十七日：IAAP 的 CPACC

以防可能有人沒有看到第二十六日的文章，所以還是再介紹一下，International Association of Accessibility Professi...

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

0 Like 0 留言 2650 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術第二十六日：國際的無障礙認證機構：IAAP

在上一篇 AWS 的無障礙前端工程師中，職缺內容有提到 IAAP 的 WAS 證照，所以，我們要先來暸解 IAAP 機構。首先我們在 Google 搜尋 I...

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

0 Like 0 留言 978 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術第二十五日：AWS 無障礙前端工程師的職務內容

為什麼要特別挑選 AWS 的無障礙前端工程師來看呢？第一個理由當然是 AWS 大廠。第二個理由是有做各式各樣的服務，客群廣泛。第三個理由是前端程式直接面對顧客的...

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

1 Like 0 留言 1190 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術第二十四日：找找看專精於無障礙的職缺

在前 23 日裡，我們很努力的理解並想要透過實作的方式，來幫助 20% 的人可以更方便的在網路暢遊，那麼，應該有專門的的職缺吧？我指的是，針對無障礙網頁的專家，...

我愛無障礙網頁設計的大叔 ‧ 2022-09-30

0 Like 0 留言 1093 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術第二十三日：從無障礙網路空間服務網調查報告，思考令人煩惱的問題（四）：表單輸入難以操作

表單的格子很小，不容易填，但是偏偏這一類線上交易，就是金融交易的網站又會計時，然後就會擔心可能沒有辦法操作完。受訪者D (脊髓損傷) 在 110 年身...

我愛無障礙網頁設計的大叔 ‧ 2022-09-29

0 Like 0 留言 2249 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術第二十二日：從無障礙網路空間服務網調查報告，思考令人煩惱的問題（三）：無法取得驗證碼

今天大叔要來挑戰驗證碼，之前就有想要特別開一篇文章來講，但是其實最近就有我喜歡的部落格有寫了一篇文章，讓我很猶豫要不要繼續講。昨天都已經說要說明了，大叔我就隨...

我愛無障礙網頁設計的大叔 ‧ 2022-09-28

0 Like 0 留言 2141 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術第二十一日：從無障礙網路空間服務網調查報告，思考令人煩惱的問題（二）：廣告或圖片輪播干擾

在二十一、二十二、二十三日，大叔將分別跟大家一起鑽研上一篇讓人煩惱的問題，依序分別為「廣告或圖片輪播干擾」、「無法取得驗證碼」、「表單輸入難以操作」。廣告或...

我愛無障礙網頁設計的大叔 ‧ 2022-09-27

0 Like 0 留言 1225 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術第二十日：從無障礙網路空間服務網調查報告，思考令人煩惱的問題（一）：三大項目

今天是無障礙網路空間 111 年無障礙網站培訓課程的第一堂課，來不及報名的朋友可以報 10 月的梯次，還可以報名，課程大綱如下：(一)無障礙網頁設計切版(二)網...

我愛無障礙網頁設計的大叔 ‧ 2022-09-26

0 Like 0 留言 1707 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術第十九日：無障礙網頁設計的地圖（ Map）要注意些什麼？

今天早上本來要去打籃球，可惜下雨了，上一次打已經是小孩出生前的事了，那時候有租國中的室內籃球場地，而且每週都會去打球，重點是還都可以打 5 vs 5，大叔我那時...

我愛無障礙網頁設計的大叔 ‧ 2022-09-25

0 Like 0 留言 1306 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術第十八日：已經 Hot 很久的資料/資訊視覺化的無障礙網頁設計又如何呢？

首先我們先來看一篇文章，這篇文章是從我在第一日裡提到的 Smashing Magazine 的一篇無障礙 Guideline 看到的，裡面提到了一篇 Sara...

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

0 Like 0 留言 1765 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術第十七日：關於史蒂芬霍金 (Stephen Hawking) 使用過的輔具技術

昨天我們認識了一些上網的輔具也提到了霍金，今天洗澡洗啊洗的，突然想起來我好像沒有特別深入暸解霍金使用裝置的歷史，今天我想好好的暸解霍金都用過哪些輔具。在暸解...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 第二十九日：打造無障礙網頁設計 UI 框架：Piman 的誕生

技術 第二十八日：IAAP 的 WAS

技術 第二十七日：IAAP 的 CPACC

技術 第二十六日：國際的無障礙認證機構：IAAP

技術 第二十五日：AWS 無障礙前端工程師的職務內容

技術 第二十四日：找找看專精於無障礙的職缺

技術 第二十三日：從無障礙網路空間服務網調查報告，思考令人煩惱的問題（四）：表單輸入難以操作

技術 第二十二日： 從無障礙網路空間服務網調查報告，思考令人煩惱的問題（ 三）：無法取得驗證碼

技術 第二十一日： 從無障礙網路空間服務網調查報告，思考令人煩惱的問題（二）：廣告或圖片輪播干擾

技術 第二十日： 從無障礙網路空間服務網調查報告，思考令人煩惱的問題（一）：三大項目

技術 第十九日：無障礙網頁設計的地圖（ Map） 要注意些什麼？

技術 第十八日：已經 Hot 很久的資料/資訊視覺化的無障礙網頁設計又如何呢？

技術 第十七日：關於史蒂芬霍金 (Stephen Hawking) 使用過的輔具技術

標記使用者