Figma作為現在數位產品設計師最喜歡的工具之一，除了其優秀的協作功能與UI與UX設計之外，更重要的是Figma擁有一個強大的社群功能，能夠讓更多人一起共創資源，發揮創意解決問題。
相信大家平常也會使用許多 Figma Plugin或是 Templates來提升工作的生產力，但其實在無障礙設計領域，也已經有許多資源可以大幅提升在做無障礙設計時的生產力💪
今天介紹五個我們私心推薦的無障礙相關工具與資源，有的是Plugin，有的甚至是Figma新推出的功能，具體來說有：
- 對比度檢查、模擬不同色覺、標注替代文字的萬能小能手
- 一鍵檢查顏色對比度
- 標註與測試焦點順序
- 能讓Screen Reader讀取的Prototype功能
- A11y註解工具包
讓我們一起來看看都是哪些Plugin吧 👀
Stark是無障礙設計界最有名的Plugin之一，從最常見的對比度檢查、到模擬不同色覺、標注替代文字、甚至是更高度一點的標註焦點聚焦順序等，基本上囊括了設計師在考量無障礙設計時所需要的功能。
Stark的優點在於UI設計直覺易使用，也有一些區別於其他基礎功能的設計，例如在對比度檢查的工具中，不只是提出對比度是否合格，如果不合格的話也會做出顏色搭配的提案，幫助設計師更快找到符合規範的配色。
需要注意的是， Stark 需要月費才能解鎖完整內容，免費版只能使用例如對比度、地標標注或是色覺模擬等基本功能。
Stark Plugin 連結
Stark官方網站（內有詳細功能介紹）
只要打開Plugin，聚焦到文字/物件上，Contrast plugin就會直接幫你查看物件與背景色的對比度是否達標，除了對比度之外，也會分字體大小來幫你判斷是否有達到AA、AAA標準（世界通用的無障礙標準，AAA代表最佳），確保更多的人能夠輕鬆閱覽網站內容。
這個其實是我自己最常用的無障礙工具之一，因為開啟快速，功能簡單明瞭易操作，透過這個來檢查對比度真的超級輕鬆！
這是由MetaDesign Studio for Microsoft Design推出的Plugin，其功能就在於能夠標注出焦點移動順序，並且使用測試功能，透過移動Tab鍵來確保螢幕閱讀器使用者或是鍵盤使用者能夠以正確的順序來聚焦並閱讀內容。
如果你不知道「焦點」是什麼的話，推薦你閱讀我們之前推出的《鍵盤使用者的定錨器ー理解焦點就能在網路世界走磚步瓦》。
這個嚴格來說不算是資源，因為其實是Figma在近期推出的新功能，在設計師們已經熟悉的Prototype功能基礎上加上了Accessibility相關的功能。以往Prototype 多以「圖形」方式呈現，也就是說只能讓看得到螢幕的人透過點選的方式來操作，螢幕閱讀器或是鍵盤操作者是無法操作或閱讀 Prototype 內容的。但是這次更新之後Figma也開始支援螢幕閱讀器的操作了！
只要在Prototype頁面打開右上角的Options中，點選Accessibility Settings中啟用 Adapt content for screen readers，就可以讓螢幕閱讀器也能讀取 Prototype了！
（因為功能也還沒有推出太久，所以應該還是存在部分頁面或互動無法正常讀取的現象，請大家多測試再回饋給Figma官方！）
Figma Accessible Prototypes Playground
Indeed推出的A11y註解工具包的說明投影片，說明Headings為何與怎麼在UI上標記出Headings
Indeed公司推出的A11y註解工具包。這個註解包除了可以標註Headings之外，也可以標註按鈕狀態、錯誤狀態、連結、Labels、聚焦順序、地標等，我覺得也很適合作為Handoff時使用的工具組！
另外在說明頁面中，也有詳細解說各個要素的使用場景、使用的例圖與對應的無障礙規範條文，對於想要入門理解無障礙設計要具備什麼要素的設計師來說也是很好的教材。
你有沒有哪些常用的Figma無障礙相關資源呢？歡迎跟我們分享，說不定我們會整理出第二集來跟更多人分享好用的Plugin或是工具，讓大家可以在工作更輕鬆的同時也能讓自己的設計被更多人使用！
