अपनी पूरी पैलेट को एक N×N ऑडिट टेबल में डालें — प्रत्येक फोरग्राउंड × बैकग्राउंड जोड़ी के लिए WCAG अनुपात और APCA Lc, एक नज़र में निर्धारित करें।
| fg ↓ / bg → | |||||||
|---|---|---|---|---|---|---|---|
Ag1.0Lc0 | Ag4.2Lc+35 | Ag3.8Lc+31 | Ag5.2Lc+42 | Ag8.4Lc+62 | Ag1.2Lc0 | Ag17.4Lc+104 | |
Ag4.2Lc-33 | Ag1.0Lc0 | Ag1.1Lc0 | Ag1.3Lc0 | Ag2.0Lc+25 | Ag5.0Lc-34 | Ag4.2Lc+67 | |
Ag3.8Lc-29 | Ag1.1Lc0 | Ag1.0Lc0 | Ag1.4Lc+10 | Ag2.2Lc+30 | Ag4.6Lc-30 | Ag4.6Lc+72 | |
Ag5.2Lc-40 | Ag1.3Lc0 | Ag1.4Lc-11 | Ag1.0Lc0 | Ag1.6Lc+18 | Ag6.3Lc-41 | Ag3.3Lc+60 | |
Ag8.4Lc-61 | Ag2.0Lc-27 | Ag2.2Lc-32 | Ag1.6Lc-20 | Ag1.0Lc0 | Ag10.2Lc-62 | Ag2.1Lc+40 |
पंक्तियाँ = टेक्स्ट रंग (फोरग्राउंड), स्तंभ = बैकग्राउंड। प्रत्येक सेल वास्तविक फोरग्राउंड-ऑन-बैकग्राउंड जोड़ी को दो पहुंच मेट्रिक्स के साथ प्रस्तुत करता है: WCAG अनुपात (AA बॉडी ≥ 4.5, AA लार्ज ≥ 3.0) और APCA Lc (बॉडी टेक्स्ट के लिए 75+, लार्ज टेक्स्ट के लिए 60+)।
सभी उम्मीदवार रंग एक N×N मैट्रिक्स में - एक साथ प्रत्येक अग्रभूमि × पृष्ठभूमि जोड़ी के लिए पहुंच।
ब्रांड रंग, सिमेंटिक रंग और न्यूट्रल (10 तक) लाएं। पंक्तियां अग्रभूमि हैं, स्तंभ पृष्ठभूमि हैं।
प्रत्येक सेल WCAG अनुपात और APCA Lc को दर्शाता है। डॉट्स जलते हैं: बॉडी टेक्स्ट के लिए Lc 75+ चाहिए, बड़े टेक्स्ट के लिए 60+।
बटन जोड़े और बॉडी जोड़े को अपने डिज़ाइन स्पेक में रिकॉर्ड करें; शिप होने से पहले असफल संयोजनों को हटा दें।
पूर्ण-मैट्रिक्स ऑडिट के तीन बार-बार पूछे जाने वाले प्रश्न।
पास होने वाले जोड़े को अपने सिमेंटिक पैलेट और स्पेक में शामिल करें।
WCAG 2.1 किसी भी अग्रभूमि और पृष्ठभूमि रंग के बीच कंट्रास्ट सत्यापन।
पहुंच का ऑडिट करने के लिए रंग दृष्टि की कमी के 8 प्रकार का सिमुलेशन करें।
अकादमिक प्रकाशन के वास्तविक मानक — Okabe-Ito (Nature Methods द्वारा अनुशंसित), Paul Tol श्रृंखला, Nature NPG जर्नल पैलेट और धारणात्मक रूप से एकसमान viridis। प्रत्येक स्वैच में APCA कंट्रास्ट ग्रेड होता है, और नीचे 8-प्रकार का कलर-विजन सिम्युलेटर प्रत्येक पैलेट को लाइव सत्यापित करता है।
एक ब्रांड रंग डालें, प्राइमरी / सेकेंडरी / सफलता / चेतावनी / खतरा प्राप्त करें — Tailwind कॉन्फ़िगरेशन और CSS वेरिएबल के रूप में निर्यात करें।