myViewBoard 3.0 的 WCAG 審核旅程

我與另一位夥伴共同主導了 myViewBoard 3.0 的全面無障礙合規行動,為遵循歐洲無障礙法案(EAA) 的執行做好準備。最初這是一項法規要求,但很快轉變成提升我們所有軟體服務包容性的契機。我開始進行與 WCAGEAA 標準一致的完整無障礙性審核,建立無障礙清單,註解並規劃問題優先順序,並協助撰寫 VPAT 報告,以向外界清楚傳達我們的合規狀態。

我的職位:

UI/ UX Designer

時間軸:

2025年2月 - 至今

The thumbnail image
The thumbnail image
The thumbnail image

挑戰

由於組織中尚無 WCAG 審核的經驗,我和我的同事主動學習無障礙標準,並將這些最佳實踐融入我們的軟體設計和開發中。

⚡️ 問題摘要

01

缺乏現有流程或專業知識:組織中沒有 WCAG 審核經驗;我們從頭開始研究並建立了自己的流程。

02

WCAG 標準的複雜性:每一條指導原則都需要仔細解釋和產品特定的評估,以確保準確的合規檢查。

03

定義評估和優先次序的方法:我們根據影響和嚴重性來組織發現,以便有效地與 PM 和 Dev 溝通。

04

將結果轉化為可行的成果:將審核結果轉化為清楚、結構化的 VPAT 報告需要新的文件撰寫技能。

解決方案

我們根據 VPAT 檢查表及 WCAG 2.1 AA 無障礙標準制定了基礎的可用性原則,確保視覺對比、互動模式及回饋狀態符合普遍的無障礙最佳實踐。

The image of steps of WCAG audits
The image of steps of WCAG audits

我們進行合規審計的步驟說明。

WCAG 規範列表

Before

我們進行了全面審核,詳細檢視所有相關的 WCAG 2.1 規範,並系統性地與我們的產品進行比較。

WCAG 規範列表

Before

我們進行了全面審核,詳細檢視所有相關的 WCAG 2.1 規範,並系統性地與我們的產品進行比較。

WCAG 規範列表

Before

我們進行了全面審核,詳細檢視所有相關的 WCAG 2.1 規範,並系統性地與我們的產品進行比較。

Before

我們進行合規審計的步驟說明。

Before

我們進行了全面審核,詳細檢視所有相關的 WCAG 2.1 規範,並系統性地與我們的產品進行比較。

Before

我們進行了全面審核,詳細檢視所有相關的 WCAG 2.1 規範,並系統性地與我們的產品進行比較。

WCAG 合規性稽核報告的列表

Before

在表格中整理了 WCAG 2.1 A–AAA 概述,顯示每個標準的狀態、可用性差距、建議的改進和解決優先順序,以提供清楚、可執行的設計方法。

WCAG 合規性稽核報告的列表

Before

在表格中整理了 WCAG 2.1 A–AAA 概述,顯示每個標準的狀態、可用性差距、建議的改進和解決優先順序,以提供清楚、可執行的設計方法。

WCAG 合規性稽核報告的列表

Before

在表格中整理了 WCAG 2.1 A–AAA 概述,顯示每個標準的狀態、可用性差距、建議的改進和解決優先順序,以提供清楚、可執行的設計方法。

WCAG 合規性稽核報告的列表

Before

在表格中整理了 WCAG 2.1 A–AAA 概述,顯示每個標準的狀態、可用性差距、建議的改進和解決優先順序,以提供清楚、可執行的設計方法。

無障礙性審核結果

經過全面的無障礙性審查後,我們提升了產品體驗的可用性和包容性,使符合 WCAG 2.1 級別 A 和 AA 的情況顯著增加。

完整的 VPAT 文件可透過此 頁面 查看。

WCAG A 級別改善

From 47.8% to 88%

+40.2%

+40.2%

+40.2%

WCAG AA 級別改善

From 65% to 85%

+20%

+20%

+20%