Open-source tool公開中 / OSS
Contrastly
Tailwind CSS対応・OSSコントラストチェッカー
Tailwind CSS のカラーパレット、カスタムHEX、セマンティックトークンのコントラスト確認を支援する実用ツールです。
Purpose
UIの色設計やトークン設計の場面で、WCAG AA / AAA のコントラスト結果をすばやく確認するためのツールです。
Who it is for
Tailwind CSS やセマンティックカラーを扱うフロントエンド開発者、デザイナー、アクセシビリティレビュー担当者、プロダクトチーム向けです。
Highlights
- Tailwind CSS の色とカスタムHEXの WCAG AA / AAA コントラスト結果を確認できる
- foreground / background のセマンティックカラー判断を支援する
- セマンティックHTML、キーボード操作、モーション軽減、スクリーンリーダーを意識したUIとして設計
- Sola Studio のOSSツールとして公開
OSSWeb AccessibilityTailwind CSSWCAGFrontend