世界衛生組織 (WHO) 估計全球 16% 的人口患有某種形式的殘疾。這是六分之一的人，這個比例比大多數人預期的要高得多。這些殘疾可能表現為視覺障礙、聽覺障礙、運動障礙、認知障礙等。
同樣重要的是要記住，可訪問性對每個人都有好處。即使您認為您的用戶群中沒有很多殘疾用戶（您可能會錯！），請考慮以下範例：
支援鍵盤導航可以幫助僅使用鍵盤的用戶以及那些認為自 亞美尼亞 電話號碼資源 己是「高級用戶」並更喜歡使用鍵盤進行更快導航的用戶。當然，您或您認識的人在填寫表單時更喜歡使用 Tab 鍵從一個字段移動到下一個字段，而不是用滑鼠單擊每個輸入。
色盲或視力不佳的用戶，並使平台在各種照明條件或不同的顯示器顯示下更易於使用。另外，沒有人喜歡瞇著眼睛閱讀黃色背景上的白色文字。
提供足夠大小的按鈕和點擊目標可以讓行動不便的使用者更輕鬆地與頁面上的元素互動。一般來說，這對每個人來說也更容易。任何經歷過因移動滑鼠時間標移出狹窄選單項目而意外關閉選單的挫敗感的人都可以證明這種糟糕的用戶體驗。
請記住，殘疾可能是永久性的、暫時的或情境性的。通常不認為自己有殘疾，但手腕、手指、眼睛或耳朵受傷的人在復原過程中會非常欣賞可用的技術。
可訪問性與可用性和良好的設計實踐有很大的重疊。當我們談論使應用程式易於訪問時，我們經常談論遵循經過充分研究的用戶體驗最佳實踐。
現在我們已經確定了可訪問性的重要性，讓我們看看如何在我們的工程組織中實施這些最佳實踐。
無障礙地基
在Webflow，我們在內部設計系統上投入了大量的時間和精力。對於不熟悉設計系統的人，您可以將設計系統視為建置應用程式的可重複使用建置區塊的元件庫。這過於簡化了，因為設計系統遠不止於此，但我們現在不會討論這個問題。
重點是設計系統為設計師和工程師提供了設計和建立應用程式所需的一切。
我們的設計系統包含許多不同的組件，例如：
表單控制項：自動完成、按鈕、複選框、FormLabel、單選、選擇、開關、文字輸入、文字區域
排版：連結、文字
類似彈出視窗的內容：選單、模態框、彈出視窗、Toast、工具提示
示範內容：手風琴、頭像、徽章、橫幅、註解、RowItem、表格
這是一個非詳盡的組件列表，但希望您能看到我們的設計系統涵蓋的廣泛需求。
Figma 模型用於各種表單控制元件，如輸入、單選按鈕和複選框。
對於每個組件，我們都花時間確保它們開箱即用。這樣做的好處是，每個使用我們設計系統的工程師不需要了解組件內部如何運作的任何資訊。
