不是每個人看到的世界都跟你一樣：Vibe Coding 也要懂 WCAG

講一個比較少人注意到的事情，不管你是不是 Vibe Coding，記得開發文件上都要加上一句 Ensure text meets WCAG AA 4.5。第一次看到這句話的人應該會一臉問號，WCAG 是什麼？4.5 又是什麼？這叫做「網頁內容無障礙指引」，感覺像是政府公文才會出現的字眼？但如果你理解它真正的意思就會發現這其實跟程式沒有太大的關係，而是跟一件更重要的事情有關：你有沒有站在別人的角度思考。

很多人做網站只會在意自己看到的畫面，背景是不是很有質感？字是不是夠細？灰色是不是很有設計感？

但你有沒有想過，不是每一個人看到的世界都跟你一樣。

有人天生色弱，有人 35 歲開始老花，有人戴著太陽眼鏡在戶外看手機，有人把手機亮度調到最低，有人使用的是很舊的螢幕，所以對你來說只是有點淡的灰色，對別人來說可能就是完全看不到誒！

所以 WCAG AA 規定，一般文字與背景的對比至少要達到 4.5:1，因為經過大量研究後，這是一個多數人都能比較容易閱讀的標準。

無障礙設計是在照顧少數人？不是！

你有沒有注意過，捷運的電梯本來是給輪椅使用者設計的，但最後推嬰兒車的人在用、搬行李的人在用、腳受傷的人也在用。

很多人一聽到無障礙，就想到輪椅、視障、點字，其實它涵蓋的是所有可能因為設計而被排除在外的人，例如：
① 色彩對比不足，看不清楚文字的人
② 高頻閃爍，可能誘發光敏性癲癇的人
③ 沒有字幕，聽障者無法理解影片
④ 按鈕太小，手部不靈活的人難以操作
⑤ 不能用鍵盤操作，行動不便者無法使用網站

好的設計，最後受益的往往是所有人，AI 也是一樣。

很多人覺得 AI 只是幫忙寫程式，但厲害的地方不是它幫你多打一百行程式碼，而是它開始提醒你那些以前沒想到的事情。

比如以前一個剛開始寫網站的人大概只會問「功能有沒有做好？」

現在 AI 可能會順便提醒你這個按鈕沒有 aria-label？圖片沒有替代文字 Alt Text？表單沒有 Label？顏色對比不符合 WCAG AA？鍵盤操作可能有問題？

它提醒的是產品品質，這也是我最近一直在分享的一個觀察。

很多人以為 AI 的能力，就是回答問題、生成圖片、寫文章，但那只是最表面的能力。

真正厲害的是，它開始把許多不同領域的最佳實務，默默放進你的工作流程裡，你可能不是 UX 專家，不是前端工程師，也不是無障礙設計師，但是 AI 可以在適當的時候提醒你「這裡有個地方值得再想一下」！

這就是為什麼同樣是用 AI，有些人的作品會越來越專業，有些人卻只是把工作做得比較快，速度只是副產品，品質才是拉開差距的地方。

所以，下次 Vibe Coding 時，加上一句 WCAG AA 4.5，可以讓你的作品，更體貼、讓更多人都能舒服地使用！

本文原發表於 2026/07/30 的 Facebook 貼文，原文照登，僅調整網頁排版；文中提及的產品、價格與活動以當時為準。