方塊考慮到所有這些可訪問性注意事項。這意味著當工程師需要使用對話框來實現他們正在構建的功能時,他們可以只使用該Modal元件,而不必擔心在對話框打開或關閉時管理焦點的位置,或者將焦點捕獲在對話框中或添加正確的ARIA 標記。所有這些都是為他們處理的,因此他們可以專注於該功能的工作。
當使用者嘗試關閉具有未儲存變更的項目時出現的範例模式對話方塊。
在這裡,我們怎麼強調設計系統的好處都不為過。
首先,我們的設計系統提高了整個工程組織的生產力。如果我們可以建立一個元件一次,然後在我們的應用程式中重複使用它 50 次,那麼我們就可以省去每次重新發明輪子和從頭開始建立組件的麻煩。對於需要更長時間才能正確建構的更複雜的元件來說,這一點變得尤為重要。
其次,我們的設計系統使我們能夠實現 UI 和 UX 的一致性。如果每個人都使用同一組元件,那麼這些元件在任何地方都會看起來相同且行為相同。
第三,我們的設計系統使我們能夠有效地進行改進和增強。假設我們的應用程式中有某個元件的 50 個實例。如果該元件的所有 50 個實例都使用我們設計系統中的元件,我們可以在設計系統中的一個位 亞美尼亞 電話號碼資源 置修復該元件,並將該修復應用於整個應用程式中的所有 50 個實例。這對於所有類型的更改都至關重要:錯誤修復、新功能和可訪問性改進。
繼續教育
我們的設計系統提供了出色的技術基礎,但僅靠它還不夠。我們不能只有少數了解可訪問性的設計師和工程師。我們需要工程、產品和設計組織中的每個人都了解可訪問性的基礎知識,並能夠將其應用到他們的工作中。
#accessibility我們的Slack 頻道是持續提陞技能最有效的工具之一。在這個管道中,人們可以提出問題、共同學習並分享無障礙成果。
每個工作日我們都會發布“每日無障礙提示”,這是我們一年多以來一直在做的事情。我們已經發布了 200 多個提示,並且仍在不斷改進。這些技巧通常更注重工程,涵蓋替代文字、顏色對比、焦點指示器、鍵盤導航、螢幕閱讀器導航、元件設計、ARIA 屬性和角色、語義 HTML、設計模式、自動化工具等主題。
這些技巧的有趣之處不僅在於我們能夠涵蓋的主題的廣度,而且在於它有助於以年度培訓課程無法做到的方式將可訪問性放在首位。
每日無障礙提示,提倡使用左對齊文字而不是居中對齊文字。
融入我們的流程
到目前為止,我們已經介紹了我們的設計系統和持續教育工作。我們如何在整個軟體開發生命週期中實現可訪問性?
可訪問性已融入我們流程的每一步。
當設計新功能時,建議的設計會經過設計審查,其中可以識別差距,包括潛在的可訪問性問題。我們還有一個單獨的設計系統辦公時間來幫助解決特別棘手的問題。