Stark Figma Pluginを使ってコントラストのアクセシビリティチェックをする
「Figma For Beginners」で基本を学んだ際に紹介されていたStark Pluginをインストールした。
このプラグインを使うと文字色のコントラストがWeb Content Accessibility Guidelines (WCAG)の基準に適合しているかを手軽にチェックできる。
テキストを選択して Plugins => Stark => Check Contrast を実行すると
![stark2](http://images.ctfassets.net/83xbj7nb79zu/3psq6HOX0MGqXyh1t5LCK6/cfdeb8d5a69c2652c43143110e443b6b/stark2.png)
結果が表示される。
![stark](http://images.ctfassets.net/83xbj7nb79zu/1MlyIwIXiGgYhdgDAJSqbZ/b20121e092955a9e19df7d258ac1fb7d/stark.png)
Command + Alt + p
で最後に使用したPluginを呼び出せるので複数のコントラストチェックをする場合はショートカットキーを使うと楽。
Starkの有料プランを使うと推奨文字色の提案機能が使えるらしいが、ひとまずは手動でコントラスト調整をしていくことにする。