Orange の会

Orange の会 #Orangeの会

WCAG 2.2 - Success Criterion 1.4.3 Contrast (Minimum)

Corporate Color ● コーポレートカラーでオレンジ系の色は選ばれがち ● でも、オレンジ背景で白文字だとコントラスト比が低くなりがち ● アクセシビリティ対応を進める中で、 4.5 どころか 3 も出ない、、 ● 4.5 出そうとするともはやオレンジじゃない、、 ● 黒文字にすると全体的に重い、、

Orange ? 🤔

Orange ? 🤔

😩どうする😩

中の人たちに聞いてみよう

対策 1. デザインでなんとかする a. b. 2. 文字色の方を変える a. 3. 色を濃くして赤系は保つ まるっと別の色にする あきらめる a. b. c. 5. 黒文字系にする コーポレートカラーを変える a. b. 4. 文字の背景にしない コーポレートカラーを Primary Color にしない 文字の大きさを最低限担保するなど 機械的検査はバイパス 指摘されるたびに説明する APCA !!!!

APCA: Advanced Perceptual Contrast Algorithm

Rating for Luminance contrast

APCA Lookup Table

Orange との戦いは続く