ಉಚಿತ ಪರಿವರ್ತಕ

ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರೀಕ್ಷಕ (WCAG)

WCAG AA ಮತ್ತು AAA ಪ್ರವೇಶಿಸುವಿಕೆ ಅನುಸರಣೆಗಾಗಿ ಎರಡು ಬಣ್ಣಗಳ ನಡುವಿನ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತವನ್ನು ಪರಿಶೀಲಿಸಿ. ಉಚಿತ, ತ್ವರಿತ ಮತ್ತು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಸಂಪೂರ್ಣವಾಗಿ ರನ್ ಆಗುತ್ತದೆ.

ಮಾದರಿ ಪಠ್ಯ - ಸಾಮಾನ್ಯ ಗಾತ್ರ

ಮಾದರಿ ಸಣ್ಣ ಪಠ್ಯ - 14px

ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ:21.00:1
WCAG AAಸಾಮಾನ್ಯ ಪಠ್ಯಪಾಸ್
WCAG AAದೊಡ್ಡ ಪಠ್ಯಪಾಸ್
WCAG AAAಸಾಮಾನ್ಯ ಪಠ್ಯಪಾಸ್
WCAG AAAದೊಡ್ಡ ಪಠ್ಯಪಾಸ್

ಈ ಉಪಕರಣದ ಬಗ್ಗೆ

WCAG 2.1 ಪ್ರವೇಶ ಮಾರ್ಗಸೂಚಿಗಳ ಪ್ರಕಾರ ಮುಂಭಾಗದ ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳ ನಡುವಿನ ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತಗಳನ್ನು ಪರಿಶೀಲಿಸಿ. ಬಣ್ಣಗಳನ್ನು ಹೆಕ್ಸ್ ಕೋಡ್‌ಗಳು, RGB ಮೌಲ್ಯಗಳು ಅಥವಾ HSL ಮೌಲ್ಯಗಳಾಗಿ ನಮೂದಿಸಿ ಮತ್ತು ಸಾಮಾನ್ಯ ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯ ಗಾತ್ರಗಳಲ್ಲಿ WCAG AA ಮತ್ತು AAA ಅನುಸರಣೆಗಾಗಿ ಪಾಸ್/ಫೇಲ್ ಫಲಿತಾಂಶಗಳೊಂದಿಗೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತವನ್ನು ತಕ್ಷಣ ನೋಡಿ.

ಬಳಸುವುದು ಹೇಗೆ

  1. ಬಣ್ಣ ಪಿಕ್ಕರ್ ಅಥವಾ ಹೆಕ್ಸ್ ಇನ್‌ಪುಟ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಮುಂಭಾಗದ (ಪಠ್ಯ) ಬಣ್ಣವನ್ನು ನಮೂದಿಸಿ ಅಥವಾ ಆರಿಸಿ.
  2. ನಿಮ್ಮ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ನಮೂದಿಸಿ ಅಥವಾ ಆರಿಸಿ.
  3. ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಮತ್ತು WCAG 2.1 AA/AAA ಪಾಸ್/ಫೇಲ್ ಫಲಿತಾಂಶಗಳನ್ನು ತಕ್ಷಣವೇ ವೀಕ್ಷಿಸಿ.
  4. ನೀವು ಬಯಸಿದ ಅನುಸರಣೆ ಮಟ್ಟವನ್ನು ಸಾಧಿಸುವವರೆಗೆ ಬಣ್ಣಗಳನ್ನು ಹೊಂದಿಸಿ.

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

WCAG ಅನುಸರಣೆಗೆ ಯಾವ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತದ ಅಗತ್ಯವಿದೆ?
WCAG AA ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ 4.5:1 ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ 3:1 (18pt+ ಅಥವಾ 14pt+ ಬೋಲ್ಡ್) ಅಗತ್ಯವಿದೆ. WCAG AAA ಗೆ ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ 7:1 ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ 4.5:1 ಅಗತ್ಯವಿದೆ. ಗರಿಷ್ಠ ಸಂಭವನೀಯ ಅನುಪಾತವು 21: 1 ಆಗಿದೆ (ಬಿಳಿ ಮೇಲೆ ಕಪ್ಪು).
ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಏಕೆ ಮುಖ್ಯ?
ಕಡಿಮೆ ದೃಷ್ಟಿ, ಬಣ್ಣ ಕುರುಡುತನ ಅಥವಾ ಪ್ರಕಾಶಮಾನವಾದ ಸೂರ್ಯನ ಬೆಳಕಿನಲ್ಲಿ ಪರದೆಗಳನ್ನು ವೀಕ್ಷಿಸುವ ಬಳಕೆದಾರರಿಗೆ ಪಠ್ಯವನ್ನು ಓದಲು ಸಾಧ್ಯವಾಗುವಂತೆ ಸಾಕಷ್ಟು ಕಾಂಟ್ರಾಸ್ಟ್ ಖಚಿತಪಡಿಸುತ್ತದೆ. ಇದು ಅನೇಕ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗೆ ADA ಮತ್ತು EU ಪ್ರವೇಶದ ನಿಯಮಗಳ ಅಡಿಯಲ್ಲಿ ಕಾನೂನು ಅವಶ್ಯಕತೆಯಾಗಿದೆ.
WCAG ನಲ್ಲಿ ಏನನ್ನು 'ದೊಡ್ಡ ಪಠ್ಯ' ಎಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ?
ದೊಡ್ಡ ಪಠ್ಯವನ್ನು ಸಾಮಾನ್ಯ ತೂಕಕ್ಕೆ 18pt (24px) ಮತ್ತು ಅದಕ್ಕಿಂತ ಹೆಚ್ಚು ಅಥವಾ ದಪ್ಪ ಪಠ್ಯಕ್ಕಾಗಿ 14pt (18.66px) ಮತ್ತು ಹೆಚ್ಚಿನದು ಎಂದು ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ. ದೊಡ್ಡ ಪಠ್ಯವು ಕಡಿಮೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಅವಶ್ಯಕತೆಗಳನ್ನು ಹೊಂದಿದೆ ಏಕೆಂದರೆ ಇದು ಓದಲು ಅಂತರ್ಗತವಾಗಿ ಸುಲಭವಾಗಿದೆ.
ಈ ಉಪಕರಣವು ಪಠ್ಯೇತರ ಅಂಶಗಳಿಗಾಗಿ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು ಪರಿಶೀಲಿಸುತ್ತದೆಯೇ?
WCAG 2.1 ಯುಐ ಘಟಕಗಳು ಮತ್ತು ಗ್ರಾಫಿಕಲ್ ಆಬ್ಜೆಕ್ಟ್‌ಗಳಿಗೆ (ಬಟನ್‌ಗಳು, ಐಕಾನ್‌ಗಳು, ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಗಳು) 3:1 ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತದ ಅಗತ್ಯವಿದೆ. ಅವುಗಳನ್ನು ಪರಿಶೀಲಿಸಲು ನೀವು ಈ ಉಪಕರಣವನ್ನು ಬಳಸಬಹುದು - ಕೇವಲ ಘಟಕ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳನ್ನು ನಮೂದಿಸಿ.