#視覚デザイン
色彩とコントラスト比(Color & Contrast)|アクセシビリティ
色覚多様性に配慮し、誰にでも見やすい配色を。WCAG基準と、色だけに頼らない情報伝達のベストプラクティス。
2026年3月22日
約6分
フォーカスインジケーター(Focus Visible)|アクセシビリティ
キーボード操作時の「現在地」を視覚化するフォーカスリング。美観を損なわずに実装するデザイン手法と「outline: none」の罠。
2026年3月22日
約6分
タイポグラフィと余白(Typography & Spacing)|アクセシビリティ
文字の可読性と、誤クリックを防ぐための余白設計。ロービジョンや認知特性、運動障害のあるユーザーにとって使いやすいUI表現の基礎。
2026年3月22日
約6分