PHP Conference Japan 2022
採択
Lightning Talk (4mins)
🔰はじめての登壇
Accessibility
Frontend
背景色を基に見やすい文字色を自動で選択させるために WCAG ガイドラインを使う
三雲 勇二
maikeru
背景色と文字色の見やすさについて、なんとなく経験や見た目だけで判断していませんか？
デザイナーではないエンジニアだからデザインについて敬遠していませんか？
この LT では、W3C の Web Content Accessibility Guidelines Working Group のガイドラインを参考に、計算した数値を基に背景色に対して見やすさの指標を算出し判断する方法をご紹介します。
計算方法さえわかってしまえば、なぜ「赤 RGB(255,0,0)」は「白 RGB(255,255,255)」や「黒 RGB(0,0,0)」どちらとも相性が悪いのか？数値を基に分かるようになります。
最後に、この LT を通じて WCAG ガイドラインを参考に、エンジニアもより良いデザインを体系的に学ぶきっかけになれば幸いです。