設計師 Ala?s de Saint Louvent 在愛丁堡設計咨詢公司 Studio Lutalica 和網頁設計工作室 Lattimore + Friends 的支持下，開發了一個免費網站，旨在揭開《網頁內容可訪問性指南》（WCAG）的神秘面紗，并幫助設計師設計出更易于訪問的網站。《了解無障礙》 旨在為網頁設計師提供一個簡單的分步指南，幫助他們為殘障人士進行設計。2023 年的一份WebAIM報告發現，在 100 萬個網站主頁中檢測到 49,991,225 個不同的無障礙錯誤，平均每個頁面有 50.0 個錯誤。

廣州vi設計師兼 Studio Lutalica 設計主管 Ala?s de Saint Louvent 是《了解無障礙》的創作者。Studio Lutalica 創始人 Cecilia Righini 負責創意指導，Studio Lutalica 傳播經理 Lily Hannigan 負責文字編輯。

網頁設計人員和開發人員的工具

盡管任何人都可以使用該網站，但“了解可訪問性”主要面向希望改善網站可訪問性狀態的網頁設計師和開發人員。該團隊設想設計師將以兩種方式使用該網站，“首先了解可訪問性和網頁設計的概況，其次在開展項目時仔細檢查特定的合規性”。

“從一開始，無障礙就應該被擺上臺面，并一直持續到發展階段”，Righini 說道，并補充道，“一刀切的做法”并不實用。他們指出，需要考慮的因素有很多種，“從神經多樣性的范圍到不同年齡段的人”。

雖然官方的 WCAG 可以在網上找到，但 de Saint Louvent 表示，它們“復雜、冗長，而且很難理解”。Righini 說，如果他們在培訓設計師，“讓他們通讀整個 WCAG 幾乎是不可能的任務”。

創建這個網站的想法源于 de Saint Louvent 為自己的工作研究網絡無障礙問題時，她想利用自己學到的知識創建一個有用的工具。她對自己不斷遇到的無障礙問題感到沮喪，“無論是在更廣泛的社會中，還是在設計領域”，這就是為什么 de Saint Louvent 說她想給網頁設計師“一個方便的地方，讓他們可以訪問清晰、全面的資源”。盡管“網絡上有大量關于無障礙的博客文章和操作指南”，但漢尼根表示，它們通常“不完整且重復高層指導”。

避免壓力過大

de Saint Louvent 表示，主要挑戰之一是“在打造一個易于訪問的網站和提供豐富信息的網站之間找到平衡”。最初，網站會采用裝飾性和功能性插圖，但這會使可訪問性問題變得復雜。

德圣盧旺特 (de Saint Louvent) 只選擇裝飾性插圖，并選擇了格拉斯哥插畫家艾米麗·皮特 (Emily Peat)，因為她的作品“有趣而直接”。

Understanding Accessibility 符合 WCAG 2.1 發布的一般原則，布局設計旨在“清晰地傳達信息并平衡字母的區分”，同時顏色均符合三重 AAA 對比度標準，“確保最佳可見性”，Righini 說。

de Saint Louvent 解釋說，Colophon Foundry 的 Castledown 被認為是“最容易理解的字體之一”，因為字體“彼此之間有明顯的區別”，采用“圓形設計”，提高了有學習障礙的用戶的可讀性。她解釋說，配色方案“由高對比度的柔和色彩組成”，以及如何進行大量研究來尋找“對特定用戶（包括患有注意力缺陷多動障礙和自閉癥的人）沒有問題的配色方案”。

de Saint Louvent 補充道，團隊還力求避免“60 歲以上的用戶以及色盲人士無法區分”的顏色組合。該標志看起來讓人聯想到眼睛，她將其描述為“對大多數用戶的網絡體驗的一種認可”。由于不同的用戶可能有不同的需求，因此理解無障礙“比循序漸進的指南更復雜”，de Saint Louvent 說道。為了“讓用戶盡可能輕松地篩選和查找信息”，Righini 表示，WCAG 2.1 中的所有內容都按主題、專業和重點領域細分。