ಕಾಂಟ್ರಾಸ್ಟ್ ಚೆಕ್ಕರ್ (Contrast Checker)

WCAG ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಮತ್ತು ಯಾವ AA ಹಾಗೂ AAA ಮಟ್ಟಗಳು ಉತ್ತೀರ್ಣವಾಗುತ್ತವೆ ಎಂಬುದನ್ನು ನೋಡಲು ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ನಮೂದಿಸಿ.

ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ
ಸಾಮಾನ್ಯ ಪಠ್ಯAA4.5:1
ಸಾಮಾನ್ಯ ಪಠ್ಯAAA7:1
ದೊಡ್ಡ ಪಠ್ಯAA3:1
ದೊಡ್ಡ ಪಠ್ಯAAA4.5:1
UI ಮತ್ತು ಗ್ರಾಫಿಕ್ಸ್3:1
ಪರೀಕ್ಷಿಸಲು ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ನಮೂದಿಸಿ.

ಪ್ರತಿಯೊಂದು ತಪಾಸಣೆಯೂ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲೇ ರನ್ ಆಗುತ್ತದೆ. ನೀವು ನಮೂದಿಸುವ ಯಾವುದೇ ಮಾಹಿತಿಯನ್ನು BroBroGo ಗೆ ಅಪ್‌ಲೋಡ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ.

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು

AA ಮತ್ತು AAA ಫಲಿತಾಂಶಗಳ ಅರ್ಥವೇನು?

ಹೆಚ್ಚಿನ ವೆಬ್‌ಸೈಟ್‌ಗಳು AA ಮಟ್ಟವನ್ನು ಗುರಿಯಾಗಿಸಿಕೊಂಡಿರುತ್ತವೆ: ಇದಕ್ಕೆ ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ ಕನಿಷ್ಠ 4.5:1 ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ 3:1 ಅನುಪಾತದ ಅಗತ್ಯವಿದೆ. AAA ಹೆಚ್ಚು ಕಟ್ಟುನಿಟ್ಟಾಗಿದೆ — ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ 7:1 ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ 4.5:1. ಅನುಪಾತವು 1:1 (ಯಾವುದೇ ಕಾಂಟ್ರಾಸ್ಟ್ ಇಲ್ಲ) ಇಂದ 21:1 (ಬಿಳಿ ಬಣ್ಣದ ಮೇಲೆ ಕಪ್ಪು) ವರೆಗೆ ಇರುತ್ತದೆ.

ದೊಡ್ಡ ಪಠ್ಯ (large text) ಎಂದು ಯಾವುದನ್ನು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ?

18pt (ಸುಮಾರು 24px) ನಿಂದ ಪ್ರಾರಂಭವಾಗುವ ಪಠ್ಯ, ಅಥವಾ ಬೋಲ್ಡ್ ಆಗಿದ್ದಾಗ 14pt (ಸುಮಾರು 18.5px). ದೊಡ್ಡ ಪಠ್ಯವು ಕಡಿಮೆ ಕಾಂಟ್ರಾಸ್ಟ್‌ನಲ್ಲೂ ಸುಲಭವಾಗಿ ಓದಬಲ್ಲದಾಗಿರುತ್ತದೆ, ಆದ್ದರಿಂದ ಇದು ಸಾಮಾನ್ಯ ಪಠ್ಯದ ಕಟ್ಟುನಿಟ್ಟಾದ ಮಿತಿಗಳ ಬದಲಿಗೆ 3:1 ರಲ್ಲಿ AA ಮತ್ತು 4.5:1 ರಲ್ಲಿ AAA ಪಾಸ್ ಆಗುತ್ತದೆ.

ನಾನು ಯಾವ ಬಣ್ಣದ ಫಾರ್ಮ್ಯಾಟ್‌ಗಳನ್ನು ನಮೂದಿಸಬಹುದು?

#1a1a1a ನಂತಹ ಹೆಕ್ಸ್ ಮೌಲ್ಯ, rgb(26, 26, 26) ನಂತಹ rgb() ಮೌಲ್ಯ ಅಥವಾ hsl() ಮೌಲ್ಯವನ್ನು ಟೈಪ್ ಮಾಡಿ — ಅಥವಾ ಬಣ್ಣವನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಯಾವುದೇ ಸ್ವ್ಯಾಚ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ. ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳನ್ನು ಪರಸ್ಪರ ಬದಲಾಯಿಸಲು ಸ್ವಾಪ್ (swap) ಬಟನ್ ಬಳಸಿ.

ಇದು WCAG 2 ಅಥವಾ ಹೊಸ APCA ವಿಧಾನವೇ?

ಇದು WCAG 2.1 / 2.2 ಸೂತ್ರವನ್ನು ಬಳಸುತ್ತದೆ, ಇದನ್ನು ಇಂದಿನ ಆಕ್ಸೆಸಿಬಿಲಿಟಿ ನಿಯಮಗಳು ಮತ್ತು ಆಡಿಟ್‌ಗಳು ಉಲ್ಲೇಖಿಸುತ್ತವೆ. APCA ಎನ್ನುವುದು WCAG 3 ಗಾಗಿ ಇನ್ನೂ ಸಿದ್ಧಪಡಿಸಲಾಗುತ್ತಿರುವ ಹೊಸ ವಿಧಾನವಾಗಿದೆ — ಇದು ಭರವಸೆಯದಾಗಿದ್ದರೂ ಇನ್ನೂ ಅನುಸರಣೆಯ ಮಾನದಂಡವಾಗಿಲ್ಲ, ಆದ್ದರಿಂದ ಇಲ್ಲಿನ ಫಲಿತಾಂಶಗಳು ಅದನ್ನು ಬಳಸುವುದಿಲ್ಲ.