https://scrapbox.io/files/642fb7d0415b13001ceb880c.png
Text Color Contrast Checker - テキスト色のコントラストをチェック
どこからインストールできるの？
どんなプラグイン？
Text Color Contrast Checkerは、テキストの色と背景の色のコントラストがWCAGに準拠しているかどうかを判定してくれるプラグインです。
進化したコントラストチェックプラグインで、アクセシブルなデザインを手に入れよう
美しく、使いやすいウェブサイトを作りたい。そんなあなたの願いを叶えるために、私たちが開発したのは、フォントサイズも考慮に入れた革新的なコントラストチェックプラグインです。
このプラグインは、WCAG2.0対応で、配色だけでなく、フォントサイズまで網羅。あなたのデザインがよりアクセシブルになることをサポートします。
もうコントラストチェックで悩む時間はありません。クリエイターの負担を軽減し、効率的なデザインプロセスを実現する、まさに夢のプラグインが誕生しました。
ぜひ、私たちのプラグインを使って、アクセシビリティに優れたデザインの世界を切り開きましょう。
プラグイン誕生のストーリー：アクセシビリティへの情熱
私たちのチームには、アクセシビリティを重視したウェブサイト制作に情熱を持つクリエイターがたくさんいます。彼らは、WCAGの達成基準をクリアするために、細部にまで真摯に取り組んでいました。
そんなクリエイターたちの業務を観察していると、既存のプラグインで配色のコントラストチェックはできるものの、フォントサイズやウェイトの判断ができず、ちょっと不便そうな様子がありました。
私たちはその課題に目をつけ、フォントサイズやフォントウェイトでもWCAGの基準に準拠しているか判定できるプラグインを開発しました。これにより、クリエイターたちの負担を軽減し、アクセシビリティの向上に繋がることを目指しています。
私たちのプラグインは、クリエイターの情熱とアクセシビリティへの取り組みが生み出した革新的な成果です。ぜひお試しいただき、アクセシビリティに優れたデザインを実現しましょう。
他のプラグインとの違い
フォントサイズやフォントウェイトを考慮してくれるのは、このプラグインだけです！
デザインを作成している最中や、完成後に、テキストの色がWCAGのカラーコントラストの基準を満たしているかどうかを確認したいと思います。このプラグインを利用することで、以下を考慮して判定してくれます！
フォントサイズ
フォントカラー
フォントウェイト
背景カラー
実際の使用例
下記の動画で、このプラグインがどのように使用されているかをご確認いただけます。
https://youtu.be/BvAcgdO4NXs
使い方
テキストを選択した後、背景を選択することで、それらを加味した判定結果を返してくれます。
こんなときにおすすめ
操作性が簡単で、カラーコントラストの判定ができます。
ぜひ、このプラグインを利用して作業効率を上げ、クリエイティブな作品を作り上げてください。
Text Color Contrast Checkerは、デスクワークブランド「NERY」が提供するプラグイン#100シリーズの第4弾になります！
プラグイン機能のご要望・ご意見をお聞かせください
NERYとは？
NERYは、FigmaとChromeのプラグインを開発・提供するデスクワークブランドです。
「#100シリーズ」とは？
/icons/hrd.icon
開発会社/ Developer
株式会社アジケ
ajike Co., Ltd.