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