ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಕ
ಪಠ್ಯ ಬಣ್ಣ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಮತ್ತು ಓದುಗಾಹತೆಯ ಮಾನದಂಡ (WCAG AA) ಉತ್ತೀರ್ಣ/ಅನುತ್ತೀರ್ಣವನ್ನು ತಕ್ಷಣ ಪರಿಶೀಲಿಸಿ
ವೈಶಿಷ್ಟ್ಯಗಳು
ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತವನ್ನು ತಕ್ಷಣ ಪರಿಶೀಲಿಸಿ
ಪಠ್ಯ ಬಣ್ಣ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ನಮೂದಿಸಿದರೆ WCAG AA ಉತ್ತೀರ್ಣ/ಅನುತ್ತೀರ್ಣ ತೋರಿಸುತ್ತದೆ
ಬಣ್ಣ ಆಯ್ಕೆಗಾರ ಮತ್ತು ಕೋಡ್ ಎರಡೂ ಬೆಂಬಲಿತ
HEX, ಸಂಕ್ಷಿಪ್ತ ರೂಪ, rgb() ಅಂಟಿಸುವುದು ಮತ್ತು ಬಣ್ಣ ಆಯ್ಕೆಯೊಂದಿಗೆ ನಿರ್ದಿಷ್ಟಪಡಿಸಿ
2 ಗಾತ್ರಗಳ ಮಾದರಿ ಪ್ರದರ್ಶನ
ಸಾಮಾನ್ಯ ಪಠ್ಯ ಮತ್ತು ಶೀರ್ಷಿಕೆಯ ನಿಜವಾದ ನೋಟವನ್ನು ತಕ್ಷಣ ಪರಿಶೀಲಿಸಿ
ಉತ್ತೀರ್ಣವಾಗುವ ಬಣ್ಣವನ್ನು ಒಂದೇ ಕ್ಲಿಕ್ನಲ್ಲಿ
ಬಣ್ಣದ ಛಾಯೆಯನ್ನು ಕಾಪಾಡುತ್ತಾ ಹೊಳಪು ಬದಲಾಯಿಸಿದ ಸಲಹೆ ಬಣ್ಣವನ್ನು ತಕ್ಷಣ ಅನ್ವಯಿಸಿ
ಬಳಕೆಯ ವಿಧಾನ
ಪಠ್ಯ ಬಣ್ಣವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿ
ಬಣ್ಣ ಆಯ್ಕೆಗಾರದಿಂದ ಆಯ್ಕೆಮಾಡಿ ಅಥವಾ #333333, #333, rgb(51, 51, 51) ಇವುಗಳಲ್ಲಿ ಯಾವುದಾದರೊಂದು ರೂಪದಲ್ಲಿ ಬಣ್ಣ ಕೋಡ್ ನಮೂದಿಸಿ
ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿ
ಅದೇ ರೀತಿಯಲ್ಲಿ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿ. ಬಟನ್ ಒತ್ತದೆಯೇ ನಮೂದಿಸಿದ ಕೂಡಲೇ ಫಲಿತಾಂಶ ನವೀಕರಣಗೊಳ್ಳುತ್ತದೆ
ಅನುಪಾತ, ಉತ್ತೀರ್ಣ/ಅನುತ್ತೀರ್ಣ, ಮಾದರಿಯನ್ನು ಪರಿಶೀಲಿಸಿ
ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ, ಸಾಮಾನ್ಯ ಪಠ್ಯ ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯದ ಉತ್ತೀರ್ಣ/ಅನುತ್ತೀರ್ಣ, ಸಂಕ್ಷಿಪ್ತ ಮೌಲ್ಯಮಾಪನ ಮತ್ತು ಮಾದರಿ ಪಠ್ಯದ ನೋಟವನ್ನು ಪರಿಶೀಲಿಸಿ
ಸಲಹೆ ಬಣ್ಣವನ್ನು ಅನ್ವಯಿಸಿ ಪುನಃ ಪರಿಶೀಲಿಸಿ
ಅನುತ್ತೀರ್ಣವಾದರೆ, "ಪಠ್ಯ ಬಣ್ಣವನ್ನು … ಗೆ ಬದಲಾಯಿಸಿ" ಮುಂತಾದ ಸಲಹೆ ಬಟನ್ನಿಂದ ಉತ್ತೀರ್ಣವಾಗುವ ಬಣ್ಣವನ್ನು ಅನ್ವಯಿಸಿ. ಬದಲಾವಣೆ ಬಟನ್ನಿಂದ ಪಠ್ಯ ಬಣ್ಣ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಪರಸ್ಪರ ಬದಲಾಯಿಸಬಹುದು
ಬಳಕೆಯ ಸಂದರ್ಭಗಳು
ಸ್ಲೈಡ್ ಮತ್ತು ದಾಖಲೆಗಳ ಬಣ್ಣ ಸಂಯೋಜನೆ ಪರಿಶೀಲನೆ
ಕಛೇರಿ ದಾಖಲೆ ಅಥವಾ ಸ್ಲೈಡ್ನ ಪಠ್ಯ ಬಣ್ಣ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಓದಲು ಸಾಧ್ಯವೇ ಎಂದು ರಚಿಸುವ ಮೊದಲೇ ಪರಿಶೀಲಿಸಿ
ವೆಬ್ಸೈಟ್ ಬಣ್ಣ ಸಂಯೋಜನೆ ಪರಿಶೀಲನೆ
ಸೈಟ್ ಅಥವಾ ಬ್ಯಾನರ್ನ ಬಣ್ಣ ಸಂಯೋಜನೆ ಪ್ರವೇಶಸಾಧ್ಯತೆಯ ಮಾನದಂಡ (WCAG AA) ಪೂರೈಸುತ್ತದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ
ಬ್ರಾಂಡ್ ಬಣ್ಣದ ಪಠ್ಯ ಬಳಕೆಯ ನಿರ್ಧಾರ
ಬ್ರಾಂಡ್ ಬಣ್ಣವನ್ನು ಪಠ್ಯ ಬಣ್ಣವಾಗಿ ಬಳಸುವಾಗ, ಎಷ್ಟು ಗಾಢವಾಗಿಸಿದರೆ ಮುಖ್ಯ ಪಠ್ಯಕ್ಕೆ ಬಳಸಬಹುದು ಎಂದು ನಿರ್ಧರಿಸಿ
ಅನುತ್ತೀರ್ಣ ಬಣ್ಣ ಸಂಯೋಜನೆಯ ತಿದ್ದುಪಡಿ
ಗುರುತಿಸಲಾದ ಬಣ್ಣ ಸಂಯೋಜನೆಯನ್ನು, ಬಣ್ಣದ ಛಾಯೆಯನ್ನು ಕಾಪಾಡುತ್ತಾ ಉತ್ತೀರ್ಣವಾಗುವ ಬಣ್ಣಕ್ಕೆ ಸರಿಪಡಿಸಿ
ಮೂಲಭೂತ ಜ್ಞಾನ
ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಎಂದರೇನು
ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತವು, ಪಠ್ಯ ಬಣ್ಣ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣದ ಹೊಳಪಿನ ವ್ಯತ್ಯಾಸವನ್ನು 1:1 ರಿಂದ 21:1 ವರೆಗಿನ ಸಂಖ್ಯೆಯಲ್ಲಿ ವ್ಯಕ್ತಪಡಿಸುವ ಸೂಚ್ಯಂಕ. ಕಪ್ಪು ಮತ್ತು ಬಿಳಿಯ ಸಂಯೋಜನೆ ಗರಿಷ್ಠ 21:1 ಆಗಿದ್ದು, ಒಂದೇ ಬಣ್ಣಗಳು ಕನಿಷ್ಠ 1:1 ಆಗಿರುತ್ತವೆ.
- ಲೆಕ್ಕಾಚಾರದ ಕ್ರಮ:ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ, ಎರಡು ಬಣ್ಣಗಳನ್ನು sRGB ಸಾಪೇಕ್ಷ ಹೊಳಪಿಗೆ ಪರಿವರ್ತಿಸಿ, ಪ್ರಕಾಶಮಾನ ಮತ್ತು ಗಾಢ ಹೊಳಪುಗಳೆರಡಕ್ಕೂ 0.05 ಸೇರಿಸಿ ಭಾಗಿಸಿದ ಮೌಲ್ಯ.
- ಸಂಖ್ಯೆಗಳ ಮಾರ್ಗದರ್ಶಿ:ಬಿಳಿ ಹಿನ್ನೆಲೆಗೆ (#FFFFFF) ಹೋಲಿಸಿದರೆ, ಬೂದು #777777 4.47:1, #999999 2.84:1, ಕಪ್ಪು (#000000) 21:1 ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಹೊಂದಿದೆ.
WCAG AA ಮತ್ತು AAA ನಡುವಿನ ವ್ಯತ್ಯಾಸ
WCAG ಎಂಬುದು ವೆಬ್ ವಿಷಯದ ಪ್ರವೇಶಸಾಧ್ಯತೆಗೆ ಸಂಬಂಧಿಸಿದ ಅಂತರರಾಷ್ಟ್ರೀಯ ಮಾರ್ಗದರ್ಶಿ ಆಗಿದ್ದು, ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತದ ಉತ್ತೀರ್ಣ ಮಟ್ಟವನ್ನು AA ಮತ್ತು AAA ಎಂಬ ಎರಡು ಹಂತಗಳಲ್ಲಿ ನಿಗದಿಪಡಿಸುತ್ತದೆ.
- AA (ಪ್ರಮಾಣಿತ ಮಟ್ಟ):AA ಎಂಬುದು ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ 4.5:1 ಅಥವಾ ಹೆಚ್ಚು, ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ 3.0:1 ಅಥವಾ ಹೆಚ್ಚು ಬೇಡುವ ಮಾನದಂಡವಾಗಿದ್ದು, ಸಾಮಾನ್ಯ ವೆಬ್ಸೈಟ್ಗಳು ಗುರಿಯಾಗಿಸುವ ಮಟ್ಟ.
- AAA (ಹೆಚ್ಚು ಕಠಿಣ ಮಟ್ಟ):AAA ಎಂಬುದು ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ 7:1 ಅಥವಾ ಹೆಚ್ಚು, ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ 4.5:1 ಅಥವಾ ಹೆಚ್ಚು ಬೇಡುವ ಮಾನದಂಡವಾಗಿದ್ದು, ದೃಷ್ಟಿ ಕಡಿಮೆ ಇರುವವರಿಗೂ ಓದಲು ಸುಲಭವಾಗಿರಬೇಕೆಂಬ ಗುರಿ ಹೊಂದಿದೆ.
ದೊಡ್ಡ ಪಠ್ಯದ ವ್ಯಾಖ್ಯಾನ
WCAGನ ದೊಡ್ಡ ಪಠ್ಯ ಎಂದರೆ ಸುಮಾರು 18 ಪಾಯಿಂಟ್ (24px) ಅಥವಾ ಅದಕ್ಕಿಂತ ದೊಡ್ಡದಾದ, ಅಥವಾ ದಪ್ಪ ಅಕ್ಷರದಲ್ಲಿ 14 ಪಾಯಿಂಟ್ (ಸುಮಾರು 18.7px) ಅಥವಾ ಅದಕ್ಕಿಂತ ದೊಡ್ಡದಾದ ಪಠ್ಯ.
- ಸಾಮಾನ್ಯ ಪಠ್ಯ:ಸಾಮಾನ್ಯ ಪಠ್ಯ ಎಂದರೆ ದೊಡ್ಡ ಪಠ್ಯದ ವ್ಯಾಖ್ಯೆಗೆ ಹೊಂದಿಕೆಯಾಗದ ಗಾತ್ರದ ಪಠ್ಯ, ಮುಖ್ಯ ಬರಹ ಮತ್ತು ಟಿಪ್ಪಣಿಗಳಂತಹ ಓದುವ ವಿಷಯ ಇದಕ್ಕೆ ಸೇರುತ್ತದೆ, ಇದಕ್ಕೆ 4.5:1 ಅಥವಾ ಹೆಚ್ಚು ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಅಗತ್ಯ.
- ಶೀರ್ಷಿಕೆಯೊಂದಿಗಿನ ಸಂಬಂಧ:ಶೀರ್ಷಿಕೆ ಆಗಿದ್ದರೂ 24px ಗಿಂತ ಕಡಿಮೆ ಮತ್ತು ದಪ್ಪ ಅಕ್ಷರವಲ್ಲದಿದ್ದರೆ ಅದನ್ನು ಸಾಮಾನ್ಯ ಪಠ್ಯವಾಗಿ ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ಗಾತ್ರ ಮಾತ್ರವಲ್ಲದೆ ದಪ್ಪತನವನ್ನೂ ಪರಿಶೀಲಿಸಬೇಕು.
ಸುರಕ್ಷತೆ ಮತ್ತು ಗೌಪ್ಯತೆ
ಬ್ರೌಸರ್ನಲ್ಲೇ ಪೂರ್ಣ
ಇನ್ಪುಟ್ ಡೇಟಾವನ್ನು ನೀವು ಬಳಸುವ ಬ್ರೌಸರ್ನ ಒಳಗೆ ಮಾತ್ರ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತದೆ, ಬಾಹ್ಯವಾಗಿ ಕಳುಹಿಸಲಾಗುವುದಿಲ್ಲ.
ಬ್ರೌಜರ್ ಒಳಗೆ ಮಾತ್ರ ಪ್ರಕ್ರಿಯೆ
ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತದ ಲೆಕ್ಕಾಚಾರ ಮತ್ತು ಬಣ್ಣ ಸಲಹೆ ನಿಮ್ಮ ಬ್ರೌಜರ್ ಒಳಗೆ ಪೂರ್ಣವಾಗಿ ನಡೆಯುತ್ತದೆ, ಇನ್ಪುಟ್ ಡೇಟಾವನ್ನು ಸರ್ವರ್ಗೆ ಕಳುಹಿಸಲಾಗುವುದಿಲ್ಲ.
ಸಂವಹನ HTTPS ಮೂಲಕ ಎನ್ಕ್ರಿಪ್ಟ್ ಆಗಿದೆ
ಪುಟದ ಲೋಡ್ ಕೂಡ TLS ಮೂಲಕ ಎನ್ಕ್ರಿಪ್ಟ್ ಆಗಿದೆ, ಮೂರನೇ ವ್ಯಕ್ತಿಯೋ ಸಂತಿ ಓದಿಕೊಳ್ಳುವುದಿಲ್ಲ.
ಮೂರನೇ ವ್ಯಕ್ತಿಗೆ ಕಳುಹಿಸುವುದು ಇಲ್ಲ
ಜಾಹೀರಾತು ನೆಟ್ವರ್ಕ್ ಅಥವಾ ಟ್ರ್যಾಕರ್ಗಳಂತಹ ಬಾಹ್ಯ ಸೇವೆಗಳಿಗೆ ಇನ್ಪುಟ್ ವಿಷಯವನ್ನು ಕಳುಹಿಸುವುದಿಲ್ಲ.
ಫಲಿತಾಂಶಗಳ ಸ್ವಯಂ ಶೇವಣೆ ಇಲ್ಲ
ನಮೂದಿಸಿದ ಪಠ್ಯ ಬಣ್ಣ ಅಥವಾ ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಅಥವಾ ಇನ್ಪುಟ್ ಶಿಫಾರಸುಗಳನ್ನು ಸರ್ವರ್ನಲ್ಲಿ ಶೇಖರಿಸುವುದಿಲ್ಲ.
Google ಹುಡುಕಾಟದಲ್ಲಿ RAKKOTOOLS ಅನ್ನು ಅನುಸರಿಸಿ
194 ಉಪಯುಕ್ತ ಸಾಧನಗಳು Google ಹುಡುಕಾಟ ಮತ್ತು AI ಹುಡುಕಾಟದಿಂದ ಸುಲಭವಾಗಿ ಸಿಗುತ್ತವೆ!
- ಹುಡುಕಾಟದಲ್ಲಿ ಕಂಡುಬರುತ್ತದೆ
- AI ಹುಡುಕಾಟದಲ್ಲೂ ಕಾಣಿಸುತ್ತದೆ
- ಹೊಸ ಸಾಧನವೂ ಪತ್ತೆ ಸಿಗುತ್ತೆ
ನವೀಕರಣ ಮಾಹಿತಿ
- update #337
ಬಣ್ಣದ ವೈಪರೀತ್ಯ ಪರಿಶೀಲಕವನ್ನು ಸೇರಿಸಿ, ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆಯ ಬಣ್ಣದ ಓದುವಿಕೆಯ ಸುಲಭತೆಯನ್ನು ನಿರ್ಧರಿಸಿ
