ಬಣ್ಣ ವ್ಯತ್ಯಾಸ ತಪಾಸಕ

    ಪ್ರವೇಶಾತಿ ಖಚಿತಪಡಿಸಲು ಮುಂಭಾಗ ಮತ್ತು ಹಿನ್ನಲೆ ಬಣ್ಣಗಳ ನಡುವಿನ ವ್ಯತ್ಯಾಸ ಅನುಪಾತವನ್ನು ಪರೀಕ್ಷಿಸಿ.

    1.00:1
    ವ್ಯತ್ಯಾಸ
    Fail
    ಅತ್ಯಂತ ದಯನೀಯ

    ಸಾಮಾನ್ಯ ಪಠ್ಯ

    AA (4.5:1)
    AAA (7:1)

    ದೊಡ್ಡ ಪಠ್ಯ

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #FF7A00
    #ff7a00

    ತ್ವರಿತ ಸರಿಪಡಿಸುವಿಕೆಗಳು

    Aa

    ಪೂರ್ವದೃಶ್ಯ ಶೀರ್ಷಿಕೆ

    ವೇಗದ ಕಂದು ನರಿ ಆಲಸ್ಯದ ನಾಯಿಯನ್ನು ಹಾರಿ ಹೋಗುತ್ತದೆ

    ಸಣ್ಣ ಪಠ್ಯದ ಉದಾಹರಣೆ (12px)

    ಪಠ್ಯ
    #ffffff
    ಹಿನ್ನೆಲೆ
    #ff7a00

    WCAG ಮಾನದಂಡಗಳು

    Level AA

    ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕಾಗಿ ಕನಿಷ್ಠ ಅನುಪಾತ 4.5:1 ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕಾಗಿ 3:1. ಬಹುತೇಕ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗೆ ಅಗತ್ಯವಿದೆ.

    Level AAA

    ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕಾಗಿ 7:1, ಮತ್ತು 4.5:1 ದೊಡ್ಡ ಪಠ್ಯಕ್ಕಾಗಿ. ಅತ್ಯುತ್ತಮ ಲಭ್ಯತையை ಅನುಮಿಸುತ್ತವೆ.

    ಎಲ್ಲಾ ಪಠ್ಯ ಗಾತ್ರಗಳಿಗೆ ಅಪ್ರಮಾಣಿತ ವ್ಯತ್ಯಾಸ - WCAG ಮಾನದಂಡಗಳನ್ನು ಪೂರೈಸುವುದಿಲ್ಲ.

    ಬಣ್ಣ ವ್ಯತ್ಯಾಸ ತಪಾಸಕ

    ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನಲೆ ಬಣ್ಣಗಳ ವ್ಯತ್ಯಾಸ ಅನುಪಾತವನ್ನು ಲೆಕ್ಕಹಾಕಿ.

    ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಕ್ಕಾಗಿ ಬಣ್ಣ ತೋರಿಸುತ್ತಾ ಬಳಸೋದು ಆಯ್ಕೆ ಮಾಡಿ ಅಥವಾ RGB ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸ್ವರೂಪದಲ್ಲಿ ಬಣ್ಣ ನಮೂದಿಸಿ (ಉದಾ., #259 ಅಥವಾ #2596BE). ಬಣ್ಣ ಆಯ್ಕೆ ಮಾಡಲು ಓಟುಕವನ್ನು ಹೊಂದಿಸಬಹುದು. ವೆಬ್ ವಿಷಯ ಮೌಲ್ಯಪದಗಳು (WCAG) ದೃಷ್ಟಿಯಿಂದ ಬಳಕೆದಾರರಿಗಾಗಿ ಪಠ್ಯವನ್ನು ಓದಲಿಕ್ಕೆ ಸುಲಭವಾಗುವುದನ್ನು ನಿರ್ಧರಿಸಲು ವಿಶಿಷ್ಟ ಮಾರ್ಗಸೂಚಿಯನ್ನು ಹೊಂದಿದೆ. ಈ ಲೇಖಿಲ್ಲು ಬಣ್ಣ ಸಂಯೋಜನೆಗಳನ್ನು ಹೋಲಿಸಬಹುದಾದ ಅನುಪಾತಗಳಾಗಿ ನಕ್ಷೆ ಮಾಡಲು ಒಂದು ವಿಶೇಷ ಕ್ರಮಶೀಲತೆಯನ್ನು ಬಳಸುತ್ತದೆ. ಈ ಸೂತ್ರದ ಬಳಕೆಯೊಂದಿಗೆ, WCAG ಹೇಳುತ್ತದೆ ಅ 4.5:1 ಬಣ್ಣ ಶ್ರೇಣಿಯ ಅನುಪಾತವು ಸಾಮಾನ್ಯ (ಶರೀರ) ಪಠ್ಯಕ್ಕಾಗಿ ಜ್ಞಾನಪೂರ್ವಕವಾಗಿದೆ, ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯ (18+ pt ಸಾಮಾನ್ಯ, ಅಥವಾ 14+ pt ಬೋಲ್ಡ್) ಕನಿಷ್ಠ 3:1 ಬಣ್ಣ ಶ್ರೇಣಿಯ ಅನುಪಾತವನ್ನು ಹೊಂದಿರಬೇಕು.

    ಮುಖ್ಯ ವೈಶಿಷ್ಟ್ಯಗಳು

    • ವಾಸ್ತವಿಕ-ಸಮಯ ವ್ಯತ್ಯಾಸ ಅನುಪಾತ ಲೆಕ್ಕಾಚಾರ
    • WCAG AA & AAA ಅನುಕೂಲತೆ ಪರಿಶೀಲನೆ
    • ಸೂಕ್ಷ್ಮ-ಸಂಯೋಜನೆಗೆ HSL ಸ್ಲೈಡರ್‌ಗಳು
    • ಬಹು ಪೂರ್ವದೃಶ್ಯ ಸ್ವರೂಪಗಳು

    ಸುಧಾರಿತ ಸಾಧನಗಳು

    • ಸ್ವಯಂಚಾಲಿತ ಬಣ್ಣ ಸರಿಪಡಿಸುವಿಕೆ
    • ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಮಾದರಿಗಳು
    • ಬಣ್ಣದ ಹೆಸರು ಪತ್ತೆಹಚ್ಚುವುದು
    • ಫಲಿತಾಂಶಗಳನ್ನು ರಫ್ತು ಮಾಡು