已在 Zenn 發布文章，解說無障礙實作與檢測中容易困惑的重點

Liberogic 平時就致力於提升網頁無障礙（Web Accessibility）品質。這次，我們在技術資訊分享平台「Zenn」上以系列形式發表了多篇關於 WCAG（Web Content Accessibility Guidelines，網頁內容無障礙指南）的文章。

本次將介紹撰寫這些文章的背景與初衷，並簡要說明各篇文章的內容。

消除對 WCAG 的疑惑

在日常製作與檢查網站的過程中，我們經常遇到讓人傷腦筋的問題，例如「這條 WCAG 標準到底該怎麼理解？」「這樣的實作真的符合標準嗎？」。

這次撰寫文章，一方面是為了維持與更新我個人持有的無障礙國際資格「IAAP WAS（Web Accessibility Specialist）」，作為產出的一環；更重要的是，我希望整理實務中大家普遍感到困惑的重點，並將現場的經驗分享出來，同時也藉此梳理自己的思路。

達成 WCAG 是「起點」，而非「終點」

透過這些文章，我最想傳達的是：即使滿足了 WCAG 的所有標準，也不代表網站就能達到 100% 的無障礙。

WCAG 是讓多元使用者都能使用內容的「最低限度的因應措施」，終究只是無障礙的起點而已。

若只是機械性地填寫檢查清單，並以「達到成功準則」為唯一目標，就可能忽略一個關鍵觀點：這些設計對使用者而言是否真的好用。

因此，我們不僅止於「依此方式實作即可符合」的表面做法，還深入說明「為何會制定該準則」的背景與意圖。透過解讀準則背後的用意，我們相信能更深入理解本質的無障礙設計。

Zenn 已發布文章一覽

我們將實務上在實作與檢查時特別容易猶豫的重點，依主題整理為五篇文章。歡迎從您感興趣的主題開始閱讀。

WCAG 迷思解析① 字級使用 px 單位指定可以嗎？

我們整理在現代瀏覽器環境下，以 px 指定字級的符合性，並探討尊重使用者文字大小設定的「更具無障礙性的實作」本質。 閱讀 Zenn 文章

WCAG 迷思解析② 有多個「查看詳情」連結是否違反 2.4.4（連結目的）？

解說在「適當的上下文」存在時如何符合的準則界線。此外，還提出進一步的 UX 視角實作建議，以提升螢幕閱讀器使用者的操作效率。 閱讀 Zenn 文章

WCAG 迷思解析③ 圖片連結缺少替代文字時，會違反哪一項準則？

本文主要整理單一問題可能同時涉及多項成功準則（如 1.1.1、2.4.4、4.1.2 等）的複雜情況。說明在實務檢查中容易混淆的多項準則之間的關係與判斷方式。 閱讀 Zenn 文章

WCAG 迷思點④ 外觀相同，為何 select 不可用，自訂下拉選單卻可以？3.2.2（輸入時）的判斷

深入解說 W3C 所定義「設定變更」與「啟動」的差異。不受外觀行為迷惑，依據元素語意與操作分類來正確判斷的思考方式。 閱讀 Zenn 文章

WCAG 迷思點⑤ 4.1.1 去哪了？HTML 語法錯誤該依據哪項準則處理？

探討 WCAG 2.2 廢除 4.1.1 的背景，並從實際危害的角度說明過去的語法錯誤應如何分別歸入 1.3.1 或 4.1.2 等準則，同時兼顧網站品質的觀點進行解說。 閱讀 Zenn 文章

※WCAG 準則包含許多非常複雜、難以理解的措辭。因此，各篇文章中的解說與判斷標準，可能包含基於我們過往實務經驗的獨特詮釋。敬請搭配 WCAG 準則一併參考。

結語

網頁無障礙並非一次完成就結束，而是需要持續培養的工作。

希望本次的內容，能為每天在現場處理無障礙實作與檢測的工程師、設計師與專案負責人帶來一些參考。

Liberogic 未來也將持續致力於實現「人人都能輕鬆使用的網站與服務」，並持續分享這類技術內容與實務實踐。若您對無障礙有任何諮詢，或對文章有任何想法，歡迎隨時與我們聯繫！