都會通過我們的自動化 CI 管道。我們使用eslint-plugin-jsx-a11y套件等 linter ,並使用jest-axe套件執行可訪問性單元測試。這些自動靜態分析檢查器很有幫助,但請務必記住,它們只能捕獲一小部分可訪問性問題,通常估計為 30% 左右。我們也需要依靠人類幹預。
在程式碼審查和錯誤打擊期間,我們還將審查我們正在建立的功能的可訪問性。此時,我們將使用鍵盤和螢幕閱讀器進行一些手動測試,以確保這些功能可以被真人使用。
除了典型的軟體開發生命週期之外,我們還會不時對應 亞美尼亞 電話號碼資源 用程式進行審核,並專注於應用程式的不同區域、不同的工作流程和不同的可訪問性主題。發現的任何問題都會記錄為 Jira 票證,以便我們解決。 Web 內容可訪問性指南(WCAG)是目前普遍認可的 Web 可訪問性標準,Webflow 努力遵守 WCAG 2.2 AA。
我們還有另一個內部 Slack 管道,要求#ux-paper-cuts報告小的 UX 問題,這些問題可以很容易地由在衝刺之間或正在等待程式碼審查的工程師修復和發現。並非所有報告的問題都是可訪問性問題,但正如我們之前討論的,可訪問性和可用性之間存在顯著的重疊。該管道的最大優點是報告的問題很小,因此一旦發現問題就很容易快速修復。
最後,我們不要忘記我們所有優秀的客戶和合作夥伴。我們有適當的機制供用戶發送回饋,無論是他們遇到的問題還是他們提出的功能請求。我們的alpha 測試計劃在大約一年前的Webflow Conf 2023 期間發布的UI 更新期間特別有影響力。幾個可訪問性問題、字體大小和命中目標大小。此回饋導致 UI 刷新的初始版本以及Designer 中的外觀設定功能的想法得到顯著改進。
外觀設定可讓您在設計器中選擇預設、較暗或較亮的主題。
對我們產品的影響
如同所討論的,最值得注意的是,我們於2023 年10 月推出了UI 刷新。的鍵盤導航。
隨著我們的設計系統採用率的增加,我們產品的可近性也在增加,特別是在設計器中。在過去的幾個月裡,我們專注於提高設計器的鍵盤可訪問性,並且我們將繼續對此進行迭代。改進的鍵盤輔助功能也為螢幕閱讀器的輔助功能奠定了基礎。
幫助 Webflow 創建者的工具
Webflow 還開發了多種工具來幫助我們的用戶創建更易於訪問的網站。
我們有一個審核面板,它可以檢查您的網站是否存在圖像上缺少替代文字、非描述性連結內容、跳過的標題層級或頁面上重複的 ID 等情況。
設計器內的審核小組。
我們有視覺預覽功能,可讓您模擬患有各種色盲或視力模糊的用戶對您的網站的看法。
設計器中的視覺預覽功能。
我們還有一個顏色對比檢查器,可以幫助您選擇具有足夠對比度的前景色和背景色。
設計器中顏色選擇器內的顏色對比檢查器。
除了我們建立的應用程式內工具之外,我們還整理了一個可訪問性檢查表,您可以遵循它來幫助您的內容保持符合 WCAG 2.2 AA 標準。