在 Zenn 上公開了解說 web accessibility 實裝、檢查時容易困擾的要點的文章

Liberogic 一直在推進改善網絡 accessibility，此次我們在技術資訊分享服務「Zenn」上以系列文章的形式，發布了關於網絡 accessibility 指南 WCAG（Web Content Accessibility Guidelines）的文章。

這次我們將介紹這些文章的創作背景、創作理念，以及各篇文章的概要。

想要消解 WCAG「為什麼？」的疑惑

在日常的網站實裝和檢查工作中，我們經常面臨「WCAG 的這項標準實際上應該如何解釋？」「這樣的實裝能說是符合標準嗎？」這樣令人困擾的問題。

這次發文既是為了維持和更新我本身持有的國際 accessibility 資格「IAAP WAS（Web Accessibility Specialist）」而進行的輸出，更重要的是基於「想要整理並共享實務中大家都會遇到的困惑點，作為現場知見」這一想法，我決定藉此機會整理自己的思路。

達到 WCAG 標準並非「目標」，而是「起點」

透過這些文章最想傳達的是，「即使滿足了 WCAG 的所有標準，也不意味著達到了 100% 的 accessibility」。

WCAG 是讓多樣化使用者能夠使用內容的「最低限度對應」，終究只是 accessibility 的起點。

如果機械地填寫檢查清單，將「達到達成標準」作為唯一目標，有時會忽視「對使用者來說是否真的易於使用」這一視角。

正因如此，我們不僅止於「按照這種方式實現就能達到合規」這樣的表面技巧，更深入探討了「為什麼會制定這項基準」的背景和意圖。透過理解基準背後的意圖，我們相信能夠培養更本質化的 accessibility 理解。

Zenn 公開文章列表

我們將在實務中實現和檢查時特別容易困惑的要點分為 5 篇文章，按主題進行整理。歡迎從感興趣的主題開始閱讀。

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 今後將繼續致力於實現「所有人都易於使用的網站與服務」，並持續進行相關的技術資訊發信和實務實踐。如有關於無障礙的諮詢或對文章的感想，歡迎隨時 Contact 我們！