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

0 Like 0 留言 69 瀏覽

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

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

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

鐵人賽 Modern Web DAY 6

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

技術 Day 06：規範換版對齊 WCAG 2.2，我以為要補 109 條，實際只有 7 條

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

Maple | 睞特 ‧ 2026-08-21

0 Like 0 留言 190 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 Day 05：axe-core、pa11y、Lighthouse 都跑過了，為什麼還要再蓋一把

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

Maple | 睞特 ‧ 2026-08-20

0 Like 0 留言 197 瀏覽

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

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

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

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

鐵人賽 Modern Web DAY 20

切版與CSS：打造工具箱與切版施工流程！系列第 20 篇

技術 Day20 HTML語意化標籤與SEO、無障礙，有關係？

剛開始HTML標籤認識沒幾個，只會簡單的，所以div很好用，不知道就給div在煩惱class要取什麼名字。然後有次Code Review被說好多div捏？心想為...

Jessie ‧ 2023-10-05 ‧團隊好想工作室 v7.0

6 Like 16 留言 3047 瀏覽

鐵人賽 Modern Web DAY 30

實踐無障礙網頁設計（Web Accessibility）系列第 30 篇

技術 Web Accessibility：這 30 天的遺珠之憾與補充

（圖片來源：Unsplash） My idea of society is that while we are born equal, meaning th...

Askie Lin ‧ 2019-10-15 ‧團隊好想工作室 v3.0

1 Like 0 留言 6189 瀏覽

鐵人賽 Modern Web DAY 29

實踐無障礙網頁設計（Web Accessibility）系列第 29 篇

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

（圖片來源：Google）維基百科：Google Talkback was an accessibility service for Android th...

Askie Lin ‧ 2019-10-14 ‧團隊好想工作室 v3.0

1 Like 0 留言 6465 瀏覽

鐵人賽 Modern Web DAY 28

實踐無障礙網頁設計（Web Accessibility）系列第 28 篇

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

（圖片來源：Apple）維基百科：VoiceOver is a screen reader built into Apple Inc.'s macOS, i...

Askie Lin ‧ 2019-10-13 ‧團隊好想工作室 v3.0

1 Like 0 留言 6026 瀏覽

鐵人賽 Modern Web DAY 27

實踐無障礙網頁設計（Web Accessibility）系列第 27 篇

技術開發無障礙網頁：免費檢測工具介紹（Testing & Linting）

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

Askie Lin ‧ 2019-10-12 ‧團隊好想工作室 v3.0

1 Like 0 留言 5131 瀏覽

鐵人賽 Modern Web DAY 26

實踐無障礙網頁設計（Web Accessibility）系列第 26 篇

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

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

Askie Lin ‧ 2019-10-11 ‧團隊好想工作室 v3.0

1 Like 0 留言 2090 瀏覽

鐵人賽 Modern Web DAY 25

實踐無障礙網頁設計（Web Accessibility）系列第 25 篇