Topics

我們在 Zenn 上發表了一篇文章,解釋了實施和測試輔助功能時常見的困惑點。

  • column

在 Liberlogic,我們不斷致力於改進網站無障礙設計,現在我們已經在技術資訊共享服務「Zenn」上發布了一系列關於 WCAG(Web 內容可訪問性指南)的文章,WCAG 是網站無障礙設計指南。

這次,我將對每篇文章進行概述,並介紹我撰寫這些文章的背景和想法。

我們想回答有關 WCAG 的“為什麼?”的問題。

在我日常實施和檢查網站的工作中,我遇到了許多讓我百思不得其解的問題,例如,“我應該如何解釋這個 WCAG 標準?”以及“我可以說這個實現符合標準嗎?”

這次,一部分原因是我為了維護和更新我的國際無障礙認證“IAAP WAS(Web 無障礙專家)”而進行的,但更重要的是,我決定把它整理出來,希望“將大家在實踐中容易感到困惑的要點整理出來,作為實用知識分享”,同時也整理我自己的想法。

達到 WCAG 標準不是“目標”,而是“起點”。

我透過這些文章想要傳達的主要觀點是,「僅僅因為某事物符合 WCAG 的所有標準,並不意味著它 100% 可訪問」。

WCAG 只是確保不同使用者能夠存取內容的“最低要求”,它只是無障礙存取的起點。

如果你機械地填寫清單,只專注於“達到目標標準”,你可能會忽略它是否真正方便使用者使用這一點。

因此,我們不僅提供諸如「如何實施才能符合標準」之類的表面知識,還深入探討了這些標準背後的背景和製定意圖。我們相信,理解標準背後的意圖將從根本上加深您對無障礙設計的理解。

Zenn 上已發表文章列表

本文分為五個部分,旨在解決實際應用中實施和測試過程中常見的困惑之處。請隨意瀏覽您感興趣的部分。

WCAG 混淆點 #1:是否可以以像素為單位指定字體大小?

本文探討了像素規範在現代瀏覽器環境中的適用性,並探索了尊重使用者字體大小設定的「更易於存取的實現」的本質。閱讀Zenn的文章

WCAG 混淆點 #2:擁有多個「查看詳情」連結是否違反了第 2.4.4 節(連結的目的)?

本文檔闡述了在存在「適當上下文」的情況下,判斷合規性的標準界限。此外,它還提出了一種更先進的使用者體驗視角,以提高螢幕閱讀器使用者的操作效率。閱讀Zenn的文章

WCAG 令人困惑的點 #3:如果圖像連結沒有 alt 文本,它符合哪個標準?

本文檔重點在於闡述如何組織複雜情況,即單一問題與多個成功標準(例如 1.1.1、2.4.4 和 4.1.2)相互交織的情況。它解釋了多個標準之間的關係以及如何做出判斷,這在實際檢查中往往會令人困惑。閱讀Zenn的文章

WCAG 困難點④:為什麼選擇欄位不符合規範 (NG),而自訂下拉清單符合規範 (OK),即使它們看起來一樣? 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,我們將繼續分享我們的技術並將其付諸實踐,以實現「人人都能輕鬆使用的網站和服務」。如果您對無障礙有任何疑問或對我們的文章有任何意見,請隨時與我們聯繫!

撰稿人

他從桌面排版領域轉戰網頁設計,迅速成為一位技藝精湛的“大師”,精通標記語言、前端設計、方向指導和無障礙設計。自 Liberlogic 創立以來,他一直活躍於各個領域,如今已成為公司內部的活字典。最近,他沉迷於探索如何利用提示來提高效率,並思考著「我們能否更依賴人工智慧來實現無障礙設計?」他的技術和思維仍在不斷發展。

Futa

IAAP認證的Web無障礙專家(WAS)/標記工程師/前端工程師/網站總監

看看這位員工的文章

我們以可靠的團隊結構和快速的回​​應能力而自豪。

在 Liberogic,我們經驗豐富的員工積極推動專案進展,這也是我們深受客戶好評的原因。
我們確保專案經理和主管得到合理分配,以確保整個專案的順利進行。 我們避免因全額承諾而導致不必要的成本增加,並將資源分配給合適的人員和合適的職位,並以快速掌握工作內容、創建和提交預算而聞名。

請注意,我們不積極參與SES式的現場工作。

我們支援幾乎所有主流的專案管理和聊天工具,包括 Slack、Teams、Redmine、Backlog、Asana、Jira、Notion、Google Workspace、Zoom 和 Webex。

案例研究