ವೆಬ್ ಪ್ರವೇಶಿಸುವಿಕೆ ಎಂದರೇನು? WCAG ಮತ್ತು ಒಳಗೊಳ್ಳುವ ವಿನ್ಯಾಸ ವಿವರಿಸಲಾಗಿದೆ
ವೆಬ್ ಪ್ರವೇಶಿಸುವಿಕೆ ಎಂದರೆ ಅಂಗವಿಕಲ ಜನರು ಬಳಸಬಹುದಾದ ವೆಬ್‌ಸೈಟ್‌ಗಳು ಮತ್ತು ಆ್ಯಪ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು — ಅವರು ಅಂಧರಾಗಿದ್ದು ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಬಳಸುತ್ತಿರಲಿ, ಮೌಸ್ ಬಳಸಲಾಗದಿರಲಿ, ದೃಷ್ಟಿ ಕ್ಷೀಣಿಸಿರಲಿ ಅಥವಾ ಬಣ್ಣ ಕುರುಡುತನವಿರಲಿ, ಕಿವುಡರಾಗಿರಲಿ, ಅಥವಾ ಅರಿವಿನ ಅಥವಾ ಕಲಿಕಾ ಅಂಗವೈಕಲ್ಯವಿರಲಿ. ಪ್ರಾಯೋಗಿಕವಾಗಿ ಇದು ಚಿತ್ರಗಳಿಗೆ ಪಠ್ಯ ವಿವರಣೆಗಳು, ಸಾಕಷ್ಟು ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್, ಸರಿಯಾದ ಲೇಬಲ್‌ಗಳಿರುವ ಫಾರ್ಮ್‌ಗಳು, ಮತ್ತು ಕೀಬೋರ್ಡ್ ಮಾತ್ರದಿಂದ ಎಲ್ಲವೂ ಕೆಲಸ ಮಾಡುವುದು ಎಂದು ಅರ್ಥ. ಇದರ ಅಂತರರಾಷ್ಟ್ರೀಯ ಮಾನದಂಡ WCAG, W3C ನ Web Content Accessibility Guidelines.
Accessibility ಅನ್ನು ಸಾಮಾನ್ಯವಾಗಿ a11y ಎಂದು ಸಂಕ್ಷೇಪಿಸಲಾಗುತ್ತದೆ — "a," ನಂತರ 11 ಅಕ್ಷರಗಳು, ನಂತರ "y".
AI ಜೊತೆ ನಿರ್ಮಿಸುವಾಗ ಪ್ರವೇಶಿಸುವಿಕೆ ಏಕೆ ಮುಖ್ಯ
AI ಬಿಲ್ಡರ್‌ಗಳು ಸರಿಯಾಗಿ ಕಾಣುವ ಆ್ಯಪ್‌ಗಳನ್ನು ಉತ್ಪಾದಿಸುವುದರಲ್ಲಿ ಉತ್ತಮರು. ಪ್ರವೇಶಿಸುವಿಕೆ ಹೆಚ್ಚಾಗಿ ಸ್ಕ್ರೀನ್‌ಶಾಟ್‌ನಲ್ಲಿ ಕಾಣದ ವಿಷಯಗಳ ಬಗ್ಗೆ: ಬಟನ್ ನಿಜವಾಗಿಯೂ ಬಟನ್ ಆಗಿದೆಯೇ, ಇನ್‌ಪುಟ್‌ಗೆ ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಘೋಷಿಸಬಹುದಾದ ಲೇಬಲ್ ಇದೆಯೇ, ಮೆನುವನ್ನು Tab ಕೀಯಿಂದ ತಲುಪಬಹುದೇ.
ಆದ್ದರಿಂದ ಇದನ್ನು ಕೇಳುವುದು ಮುಖ್ಯ:
- ಇದು ಸುಲಭವಾಗಿ ತಪ್ಪಿಹೋಗುತ್ತದೆ. ಕಸ್ಟಮ್ ಶೈಲಿಯ ಡ್ರಾಪ್‌ಡೌನ್ ಪರಿಪೂರ್ಣವಾಗಿ ಕಾಣಬಹುದು ಆದರೆ ಮೌಸ್ ಇಲ್ಲದೆ ಬಳಸಲು ಅಸಾಧ್ಯವಾಗಿರಬಹುದು. ನೀವು ಪರೀಕ್ಷಿಸದ ಹೊರತು ಇದು ಗಮನಕ್ಕೆ ಬರುವುದಿಲ್ಲ.
- ಆರಂಭದಲ್ಲೇ ಸರಿಯಾಗಿ ಮಾಡುವುದು ಅಗ್ಗ. ಮೊದಲ ಪ್ರಾಂಪ್ಟ್‌ನಿಂದಲೇ ಪ್ರವೇಶಿಸಬಹುದಾದ ಕಾಂಪೊನೆಂಟ್‌ಗಳನ್ನು ಕೇಳುವುದು ಬಹುತೇಕ ಏನೂ ವೆಚ್ಚವಿಲ್ಲ. ಮುಗಿದ ಆ್ಯಪ್ ಅನ್ನು ಮರುಹೊಂದಿಸುವುದು ಪ್ರತಿ ಪರದೆಯನ್ನು ಮುಟ್ಟುವುದು.
- ಇದು ಎಲ್ಲರಿಗೂ ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಶೀರ್ಷಿಕೆಗಳು ಗದ್ದಲದ ಸ್ಥಳಗಳಲ್ಲಿ ಜನರಿಗೆ ಸಹಾಯ ಮಾಡುತ್ತವೆ, ಉತ್ತಮ ಕಾಂಟ್ರಾಸ್ಟ್ ಬಿಸಿಲಿನಲ್ಲಿ ಫೋನ್ ಬಳಸುವವರಿಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ, ಮತ್ತು ಸ್ಪಷ್ಟ ಲೇಬಲ್‌ಗಳು ಎಲ್ಲರಿಗೂ ಫಾರ್ಮ್‌ಗಳನ್ನು ವೇಗವಾಗಿ ತುಂಬಲು ಸಹಾಯ ಮಾಡುತ್ತವೆ.
- ಇದು SEO ಯೊಂದಿಗೆ ಅತಿಕ್ರಮಿಸುತ್ತದೆ. ಸರಿಯಾದ ಹೆಡಿಂಗ್‌ಗಳು, ವಿವರಣಾತ್ಮಕ ಲಿಂಕ್‌ಗಳು ಮತ್ತು alt ಪಠ್ಯ ಸರ್ಚ್ ಎಂಜಿನ್‌ಗಳು ನಿಮ್ಮ ಪುಟಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತವೆ — AI ನಿರ್ಮಿತ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗೆ SEO ನೋಡಿ.
- ಇದು ಅಗತ್ಯವಾಗಿರಬಹುದು. ನೀವು ಎಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತೀರಿ ಮತ್ತು ಯಾರಿಗೆ ಸೇವೆ ಸಲ್ಲಿಸುತ್ತೀರಿ ಎಂಬುದರ ಆಧಾರದ ಮೇಲೆ, ಪ್ರವೇಶಿಸುವಿಕೆ ಕಾನೂನು ಬಾಧ್ಯತೆಯಾಗಬಹುದು.
ದೈನಂದಿನ ಉದಾಹರಣೆ
ಒಂದು ಕಟ್ಟಡದ ಪ್ರವೇಶದ್ವಾರವನ್ನು ಯೋಚಿಸಿ.
ಮೆಟ್ಟಿಲುಗಳು ಅನೇಕ ಜನರಿಗೆ ಸರಿ. ರ‍್ಯಾಂಪ್ ವೀಲ್‌ಚೇರ್ ಬಳಕೆದಾರರಿಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ — ಮತ್ತು ಮಕ್ಕಳ ಗಾಡಿಯೊಂದಿಗೆ ಪೋಷಕರು, ಟ್ರಾಲಿಯೊಂದಿಗೆ ವಿತರಣಾ ಕೆಲಸಗಾರರು ಮತ್ತು ಸೂಟ್‌ಕೇಸ್‌ನೊಂದಿಗೆ ಪ್ರಯಾಣಿಕರಿಗೂ ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಸ್ವಯಂಚಾಲಿತ ಬಾಗಿಲುಗಳು, ಸ್ಪಷ್ಟ ಫಲಕಗಳು, ಲಿಫ್ಟ್ ಬಟನ್‌ಗಳ ಮೇಲೆ ಬ್ರೈಲ್ ಮತ್ತು ಉತ್ತಮ ಬೆಳಕು ಪ್ರತಿಯೊಂದೂ ಯಾರಿಗೋ ಒಂದು ತಡೆಯನ್ನು ತೆಗೆದುಹಾಕುತ್ತವೆ.
ವೆಬ್ ಪ್ರವೇಶಿಸುವಿಕೆ ಡಿಜಿಟಲ್ ಸ್ಥಳಗಳಿಗೆ ಅದೇ ಕಲ್ಪನೆ: ನಿಮ್ಮ ಆ್ಯಪ್‌ನ ರ‍್ಯಾಂಪ್‌ಗಳು, ಫಲಕಗಳು ಮತ್ತು ಹ್ಯಾಂಡ್‌ರೈಲ್‌ಗಳು. ಮತ್ತು ಕಟ್ಟಡದಂತೆಯೇ, ಕಾಂಕ್ರೀಟ್ ಗಟ್ಟಿಯಾದ ನಂತರ ರ‍್ಯಾಂಪ್ ಸೇರಿಸುವುದಕ್ಕಿಂತ ಯೋಜನೆಯಲ್ಲೇ ಸೇರಿಸುವುದು ಬಹಳ ಸುಲಭ.
WCAG ಒಂದು ನೋಟದಲ್ಲಿ
WCAG ಅನ್ನು W3C ನ Web Accessibility Initiative ಪ್ರಕಟಿಸುತ್ತದೆ. ಪ್ರಸ್ತುತ ಆವೃತ್ತಿ WCAG 2.2, ಮೊದಲು ಅಕ್ಟೋಬರ್ 2023 ರಲ್ಲಿ ಪ್ರಕಟವಾಯಿತು. ಇದು ಹಿಂದುಳಿದ ಹೊಂದಾಣಿಕೆಯದ್ದಾಗಿದೆ: WCAG 2.2 ಪೂರೈಸುವ ವಿಷಯ 2.1 ಮತ್ತು 2.0 ಅನ್ನೂ ಪೂರೈಸುತ್ತದೆ, ಮತ್ತು W3C ಇತ್ತೀಚಿನ ಆವೃತ್ತಿ ಬಳಸಲು ಪ್ರೋತ್ಸಾಹಿಸುತ್ತದೆ. WCAG 2.2 ಅನ್ನು ಅಂತರರಾಷ್ಟ್ರೀಯ ಮಾನದಂಡ ISO/IEC 40500:2025 ಎಂದು ಅನುಮೋದಿಸಲಾಗಿದೆ. ಸಂಪೂರ್ಣವಾಗಿ ವಿಭಿನ್ನ WCAG 3 ಆರಂಭಿಕ ಕರಡಾಗಿ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿದೆ, ಪೂರ್ಣಗೊಂಡ ಮಾನದಂಡವಲ್ಲ.
WCAG ನಾಲ್ಕು ತತ್ವಗಳ ಅಡಿಯಲ್ಲಿ ಸಂಘಟಿತವಾಗಿದೆ, ಇವನ್ನು ಸಾಮಾನ್ಯವಾಗಿ POUR ಎಂದು ನೆನಪಿಡಲಾಗುತ್ತದೆ:
| ತತ್ವ | ಅರ್ಥ | ಉದಾಹರಣೆಗಳು |
|---|---|---|
| ಗ್ರಹಿಸಬಹುದಾದ (Perceivable) | ಜನರು ಬಳಸುವ ಇಂದ್ರಿಯಗಳ ಮೂಲಕ ವಿಷಯವನ್ನು ಗ್ರಹಿಸಬಹುದು | ಚಿತ್ರಗಳಿಗೆ alt ಪಠ್ಯ, ವೀಡಿಯೊಗಳಿಗೆ ಶೀರ್ಷಿಕೆಗಳು, ಸಾಕಷ್ಟು ಕಾಂಟ್ರಾಸ್ಟ್ |
| ಕಾರ್ಯನಿರ್ವಹಿಸಬಹುದಾದ (Operable) | ಜನರು ನಿಯಂತ್ರಣಗಳನ್ನು ಬಳಸಬಹುದು ಮತ್ತು ನ್ಯಾವಿಗೇಟ್ ಮಾಡಬಹುದು | ಕೀಬೋರ್ಡ್ ಪ್ರವೇಶ, ವಿಸ್ತರಿಸಲಾಗದ ಸಮಯ ಮಿತಿ ಇಲ್ಲದಿರುವುದು, ಗೋಚರ ಫೋಕಸ್ |
| ಅರ್ಥವಾಗುವ (Understandable) | ವಿಷಯ ಮತ್ತು ವರ್ತನೆ ಅರ್ಥವಾಗುತ್ತದೆ | ಸ್ಪಷ್ಟ ಲೇಬಲ್‌ಗಳು, ಸಹಾಯಕ ದೋಷ ಸಂದೇಶಗಳು, ಸ್ಥಿರ ನ್ಯಾವಿಗೇಶನ್ |
| ದೃಢವಾದ (Robust) | ವಿವಿಧ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಸಹಾಯಕ ತಂತ್ರಜ್ಞಾನಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ | ಸರಿಯಾದ HTML ಅಂಶಗಳು, ನಿಯಂತ್ರಣಗಳಿಗೆ ಸರಿಯಾದ ಹೆಸರುಗಳು ಮತ್ತು ಪಾತ್ರಗಳು |
ಪ್ರತಿ ಮಾರ್ಗಸೂಚಿಗೆ ಮೂರು ಮಟ್ಟಗಳಲ್ಲಿ ಪರೀಕ್ಷಿಸಬಹುದಾದ ಯಶಸ್ಸಿನ ಮಾನದಂಡಗಳು ಇವೆ:
- ಮಟ್ಟ A — ಕನಿಷ್ಠ. ಇವುಗಳಲ್ಲಿ ವಿಫಲವಾದರೆ ಕೆಲವು ಜನರಿಗೆ ಸಂಪೂರ್ಣವಾಗಿ ತಡೆಯಾಗುತ್ತದೆ.
- ಮಟ್ಟ AA — ಪ್ರಮಾಣಿತ ಗುರಿ, ಮತ್ತು ಹೆಚ್ಚಿನ ಕಾನೂನುಗಳು ಮತ್ತು ನೀತಿಗಳು ಉಲ್ಲೇಖಿಸುವ ಮಟ್ಟ.
- ಮಟ್ಟ AAA — ಅತ್ಯುನ್ನತ ಮಟ್ಟ. ಕೆಲವು ಕಡೆ ಗುರಿಯಾಗಿಸಲು ಉಪಯುಕ್ತ, ಆದರೆ ಕೆಲವು ವಿಷಯ ಅದನ್ನು ಪೂರೈಸಲಾಗದ ಕಾರಣ W3C ಇಡೀ ಸೈಟ್‌ಗಳಿಗೆ ಇದನ್ನು ಕಡ್ಡಾಯಗೊಳಿಸಲು ಶಿಫಾರಸು ಮಾಡುವುದಿಲ್ಲ.
WCAG 2.2 ನಲ್ಲಿ 2.1 ಗೆ ಒಂಬತ್ತು ಯಶಸ್ಸಿನ ಮಾನದಂಡಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ, AA ಮಟ್ಟದಲ್ಲಿ Target Size (Minimum) ಸೇರಿದಂತೆ — ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ಗುರಿಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಕನಿಷ್ಠ 24 ಬೈ 24 CSS ಪಿಕ್ಸೆಲ್ ಇರಬೇಕು, ವಿನಾಯಿತಿಗಳೊಂದಿಗೆ — ಮತ್ತು Accessible Authentication (Minimum), ಇದು ನೆನಪು ಅಥವಾ ಒಗಟುಗಳ ಮೇಲೆ ಅವಲಂಬಿಸುವ ಲಾಗಿನ್ ಹಂತಗಳನ್ನು ಮಿತಿಗೊಳಿಸುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ಪಾಸ್‌ವರ್ಡ್ ಅನ್ನು ಅಂಟಿಸಲು ಅನುಮತಿಸದೆ ಮರುಟೈಪ್ ಮಾಡಬೇಕಾಗುವುದು. ಇದು ಹಳೆಯ "Parsing" ಮಾನದಂಡವನ್ನು ಕೂಡ ಬಳಕೆಯಿಲ್ಲದ್ದು ಎಂದು ತೆಗೆದುಹಾಕಿದೆ.
ಒಂದು ಕೆಲಸ ಮಾಡಿದ ಉದಾಹರಣೆ: ಸೈನ್-ಅಪ್ ಫಾರ್ಮ್
AI ಉತ್ಪಾದಿಸಬಹುದಾದ ಒಂದು ಸೈನ್-ಅಪ್ ಫಾರ್ಮ್ ಮತ್ತು ಪ್ರವೇಶಿಸುವಿಕೆ ಪರಿಶೀಲನೆ ಏನು ಕಂಡುಕೊಳ್ಳುತ್ತದೆ ಎಂಬುದು ಇಲ್ಲಿದೆ:
| ಸಮಸ್ಯೆ | ಯಾರ ಮೇಲೆ ಪರಿಣಾಮ | ಪರಿಹಾರ |
|---|---|---|
| ಇನ್‌ಪುಟ್‌ಗಳು ಲೇಬಲ್‌ಗಳ ಬದಲು placeholder ಪಠ್ಯ ("Email") ಬಳಸುತ್ತವೆ | ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಬಳಕೆದಾರರು; ಟೈಪ್ ಮಾಡಲು ಶುರುಮಾಡಿದ ನಂತರ ಫೀಲ್ಡ್ ಏನಾಗಿತ್ತು ಎಂದು ಮರೆಯುವವರು | ಪ್ರತಿ ಇನ್‌ಪುಟ್‌ಗೆ ಸಂಪರ್ಕಿತ ಗೋಚರ <label> |
| ಬಿಳಿ ಮೇಲೆ ತಿಳಿ ಬೂದು ಪಠ್ಯ, 4.5:1 ಕಾಂಟ್ರಾಸ್ಟ್‌ಗಿಂತ ಬಹಳ ಕಡಿಮೆ | ಕಡಿಮೆ ದೃಷ್ಟಿಯಿರುವವರು, ಹೊರಗೆ ಇರುವವರು | 4.5:1 ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಪೂರೈಸುವ ಗಾಢ ಪಠ್ಯ |
| ದೋಷಗಳು ಕೇವಲ ಕೆಂಪು ಗಡಿಯಾಗಿ ತೋರಿಸಲ್ಪಡುತ್ತವೆ | ಬಣ್ಣ ಕುರುಡು ಬಳಕೆದಾರರು, ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಬಳಕೆದಾರರು | ಫೀಲ್ಡ್ ಪಕ್ಕದಲ್ಲಿ ಪಠ್ಯ ಸಂದೇಶ, ಸ್ಕ್ರೀನ್ ರೀಡರ್‌ಗಳಿಗೆ ಘೋಷಿಸಲಾದ |
"Sign up" ಶೈಲಿಯ <div>, <button> ಅಲ್ಲ | ಕೀಬೋರ್ಡ್ ಮತ್ತು ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಬಳಕೆದಾರರು ಅದನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಲಾಗುವುದಿಲ್ಲ | ನಿಜವಾದ <button> ಅಂಶ ಬಳಸಿ |
| ಫೀಲ್ಡ್‌ಗಳ ಮೂಲಕ Tab ಮಾಡುವಾಗ ಗೋಚರ ಔಟ್‌ಲೈನ್ ಇಲ್ಲ | ಕೀಬೋರ್ಡ್ ಬಳಕೆದಾರರು ತಾವು ಎಲ್ಲಿದ್ದಾರೆ ಎಂದು ಕಳೆದುಕೊಳ್ಳುತ್ತಾರೆ | ಸ್ಪಷ್ಟ ಫೋಕಸ್ ಶೈಲಿ |
| ಲೋಗೋ ಚಿತ್ರಕ್ಕೆ alt ಪಠ್ಯವಿಲ್ಲ | ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಬಳಕೆದಾರರು ಫೈಲ್‌ಹೆಸರನ್ನು ಕೇಳುತ್ತಾರೆ | "Acme Bookings" ನಂತಹ alt ಪಠ್ಯ |
ಈ ಯಾವುದೇ ಪರಿಹಾರಗಳು ಫಾರ್ಮ್ ಕಾಣುವ ರೀತಿಯನ್ನು ಹೆಚ್ಚು ಬದಲಿಸುವುದಿಲ್ಲ. ಆದರೆ ಎಲ್ಲವೂ ಕೆಲವರಿಗೆ ಅದನ್ನು ಬಳಸಲು ಸಾಧ್ಯವೇ ಎಂಬುದನ್ನು ಬದಲಿಸುತ್ತವೆ.
ಪ್ರಮುಖ ಪದಗಳು
| ಪದ | ಅರ್ಥ |
|---|---|
| ಸ್ಕ್ರೀನ್ ರೀಡರ್ | ಪರದೆಯನ್ನು ಗಟ್ಟಿಯಾಗಿ ಅಥವಾ ಬ್ರೈಲ್ ಪ್ರದರ್ಶನಕ್ಕೆ ಓದುವ ಸಾಫ್ಟ್‌ವೇರ್, ಉದಾಹರಣೆಗೆ VoiceOver, NVDA ಅಥವಾ JAWS. |
| Alt text (alt ಪಠ್ಯ) | ಚಿತ್ರದ ಪಠ್ಯ ವಿವರಣೆ, ಸ್ಕ್ರೀನ್ ರೀಡರ್‌ಗಳು ಓದುತ್ತವೆ. ಅಲಂಕಾರಿಕ ಚಿತ್ರಗಳಿಗೆ ಖಾಲಿ alt ಪಠ್ಯ ನೀಡಲಾಗುತ್ತದೆ ಆದ್ದರಿಂದ ಅವು ಬಿಟ್ಟುಹೋಗುತ್ತವೆ. |
| ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ | ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳು ಎಷ್ಟು ಭಿನ್ನವಾಗಿವೆ, 1:1 ರಿಂದ 21:1 ವರೆಗೆ. |
| ಕೀಬೋರ್ಡ್ ನ್ಯಾವಿಗೇಶನ್ | ಮೌಸ್ ಬದಲಿಗೆ Tab, Enter, Space ಮತ್ತು ಬಾಣದ ಕೀಗಳಿಂದ ಸೈಟ್ ಬಳಸುವುದು. |
| ಫೋಕಸ್ ಇಂಡಿಕೇಟರ್ | ಕೀಬೋರ್ಡ್ ಯಾವ ಅಂಶದಲ್ಲಿದೆ ಎಂದು ತೋರಿಸುವ ಗೋಚರ ಔಟ್‌ಲೈನ್. |
| Semantic HTML (ಅರ್ಥಪೂರ್ಣ HTML) | ಕೆಲಸಕ್ಕೆ ಸರಿಯಾದ ಅಂಶ ಬಳಸುವುದು — <button>, <nav>, <h2> — ಇದರಿಂದ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಸಹಾಯಕ ತಂತ್ರಜ್ಞಾನ ಪುಟವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತವೆ. |
| ARIA | ಕಸ್ಟಮ್ ನಿಯಂತ್ರಣಗಳನ್ನು ಸಹಾಯಕ ತಂತ್ರಜ್ಞಾನಕ್ಕೆ ವಿವರಿಸುವ ಹೆಚ್ಚುವರಿ ಗುಣಲಕ್ಷಣಗಳು. ಮಿತವಾಗಿ ಬಳಸಿ; ಸ್ಥಳೀಯ HTML ಅಂಶಗಳು ಮೊದಲು ಬರುತ್ತವೆ. |
| Assistive technology (ಸಹಾಯಕ ತಂತ್ರಜ್ಞಾನ) | ಜನರು ಕಂಪ್ಯೂಟರ್‌ಗಳನ್ನು ಪ್ರವೇಶಿಸಲು ಬಳಸುವ ಸಾಧನಗಳು, ಸ್ಕ್ರೀನ್ ರೀಡರ್‌ಗಳಿಂದ ಸ್ವಿಚ್ ಸಾಧನಗಳು ಮತ್ತು ಧ್ವನಿ ನಿಯಂತ್ರಣದವರೆಗೆ. |
ಸಾಮಾನ್ಯ ತಪ್ಪು ಗ್ರಹಿಕೆಗಳು
- “ಪ್ರವೇಶಿಸುವಿಕೆ ಕುರುಡು ಬಳಕೆದಾರರಿಗೆ ಮಾತ್ರ ಮುಖ್ಯ.” ಇದು ದೃಶ್ಯ, ಮೋಟಾರ್, ಶ್ರವಣ, ಮಾತು ಮತ್ತು ಅರಿವಿನ ಅಂಗವೈಕಲ್ಯಗಳನ್ನು, ಮತ್ತು ಕೈ ಮುರಿತದಂತಹ ತಾತ್ಕಾಲಿಕ ಸಂದರ್ಭಗಳನ್ನೂ ಒಳಗೊಳ್ಳುತ್ತದೆ.
- “ಪ್ರವೇಶಿಸಬಹುದಾದ ಸೈಟ್‌ಗಳು ಸರಳವಾಗಿ ಕಾಣುತ್ತವೆ.” ಪ್ರವೇಶಿಸುವಿಕೆ ಕೆಲವು ವಿಷಯಗಳನ್ನು ನಿರ್ಬಂಧಿಸುತ್ತದೆ — ಕಾಂಟ್ರಾಸ್ಟ್, ಫೋಕಸ್ ಶೈಲಿಗಳು, ಪಠ್ಯ ಗಾತ್ರ — ಆದರೆ ಚೆನ್ನಾಗಿ ಕಾಣುವ ಪ್ರವೇಶಿಸಬಹುದಾದ ಸೈಟ್‌ಗಳು ಸಾಮಾನ್ಯ, ವಿನಾಯಿತಿ ಅಲ್ಲ.
- “ಸ್ವಯಂಚಾಲಿತ ಪರಿಶೀಲಕ 100 ಎಂದರೆ ನಾವು ಮುಗಿಸಿದ್ದೇವೆ.” ಸ್ವಯಂಚಾಲಿತ ಸಾಧನಗಳು ಕೆಲವು ಸಮಸ್ಯೆಗಳನ್ನು ಮಾತ್ರ ಹಿಡಿಯುತ್ತವೆ. alt ಪಠ್ಯ ನಿಜವಾಗಿ ಅರ್ಥಪೂರ್ಣವೇ, ಅಥವಾ ಸ್ಕ್ರೀನ್ ರೀಡರ್‌ನೊಂದಿಗೆ ಹರಿವು ಅರ್ಥವಾಗುತ್ತದೆಯೇ ಎಂದು ಒಬ್ಬ ವ್ಯಕ್ತಿ ಪರಿಶೀಲಿಸಬೇಕು.
- “ಓವರ್‌ಲೇ ವಿಜೆಟ್ ನಮ್ಮನ್ನು ಅನುಸರಣೆಯುಳ್ಳದ್ದಾಗಿಸುತ್ತದೆ.” ಮೇಲೆ ಅಂಟಿಸಲಾದ ಟೂಲ್‌ಬಾರ್‌ಗಳು ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಕಾಣೆಯಾದ ಲೇಬಲ್‌ಗಳು ಅಥವಾ ಮುರಿದ ಕೀಬೋರ್ಡ್ ಪ್ರವೇಶವನ್ನು ಸರಿಪಡಿಸಲಾರವು. ಮೂಲವನ್ನು ಸರಿಪಡಿಸಿ.
- “ನಮ್ಮಲ್ಲಿ ಅಂಗವಿಕಲ ಬಳಕೆದಾರರಿಲ್ಲ.” ನಿಮಗೆ ತಿಳಿದಿಲ್ಲದಿರಬಹುದು. ಅನೇಕ ಅಂಗವೈಕಲ್ಯಗಳು ಗೋಚರಿಸುವುದಿಲ್ಲ, ಮತ್ತು ತಡೆ ಎದುರಿಸಿದ ಜನರು ಸಾಮಾನ್ಯವಾಗಿ ಹೊರಟು ಹೋಗುತ್ತಾರೆ.
ನಿಮ್ಮ AI ಬಿಲ್ಡರ್‌ಗೆ ಏನು ಕೇಳಬೇಕು
- “ಇದನ್ನು WCAG 2.2 ಮಟ್ಟ AA ಪೂರೈಸುವಂತೆ ನಿರ್ಮಿಸಿ.”
- “Semantic HTML ಬಳಸಿ: ನಿಜವಾದ ಬಟನ್‌ಗಳು, ಲಿಂಕ್‌ಗಳು, ಕ್ರಮದಲ್ಲಿ ಹೆಡಿಂಗ್‌ಗಳು ಮತ್ತು ಪ್ರತಿ ಫಾರ್ಮ್ ಫೀಲ್ಡ್‌ಗೆ ಲೇಬಲ್‌ಗಳು.”
- “ಪ್ರತಿ ಸಂವಾದಾತ್ಮಕ ಅಂಶವು ಕೀಬೋರ್ಡ್ ಮಾತ್ರದಿಂದ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಮತ್ತು ಗೋಚರ ಫೋಕಸ್ ಶೈಲಿ ಹೊಂದಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ.”
- “ಎಲ್ಲಾ ಪಠ್ಯ ಮತ್ತು ಐಕಾನ್ ಬಣ್ಣಗಳ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಿಸಿ — ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ 4.5:1, ದೊಡ್ಡ ಪಠ್ಯ ಮತ್ತು ಐಕಾನ್‌ಗಳಿಗೆ 3:1.”
- “ಮಾಹಿತಿಯುಕ್ತ ಚಿತ್ರಗಳಿಗೆ ಅರ್ಥಪೂರ್ಣ alt ಪಠ್ಯ ಮತ್ತು ಅಲಂಕಾರಿಕ ಚಿತ್ರಗಳಿಗೆ ಖಾಲಿ alt ಪಠ್ಯ ಸೇರಿಸಿ.”
- “ಫಾರ್ಮ್ ದೋಷಗಳನ್ನು ಕೇವಲ ಬಣ್ಣದಿಂದಲ್ಲ, ಫೀಲ್ಡ್‌ಗೆ ಸಂಪರ್ಕಿಸಿದ ಪಠ್ಯವಾಗಿ ತೋರಿಸಿ.”
- “ಅನಿಮೇಶನ್‌ಗಳಿಗೆ ಬಳಕೆದಾರರ ಕಡಿಮೆ-ಚಲನೆ ಸೆಟ್ಟಿಂಗ್ ಗೌರವಿಸಿ.”
- “ಸ್ವಯಂಚಾಲಿತ ಪ್ರವೇಶಿಸುವಿಕೆ ಪರಿಶೀಲನೆ ಚಲಾಯಿಸಿ ಮತ್ತು ಅದು ಪರೀಕ್ಷಿಸಲಾಗದ ವಿಷಯಗಳ ಪಟ್ಟಿ ನೀಡಿ, ಆದ್ದರಿಂದ ನಾನು ಅವನ್ನು ಕೈಯಿಂದ ಪರಿಶೀಲಿಸಬಹುದು.”
ನಂತರ ನೀವೇ ಪರೀಕ್ಷಿಸಿ: ಮೌಸ್ ಅನ್ನು ಬದಿಗಿಟ್ಟು ನಿಮ್ಮ ಮುಖ್ಯ ಹರಿವನ್ನು Tab, Shift+Tab, Enter ಮತ್ತು Space ಮಾತ್ರದಿಂದ ಪೂರ್ಣಗೊಳಿಸಲು ಪ್ರಯತ್ನಿಸಿ. ನಿಮ್ಮ ಫೋನ್‌ನ ಅಂತರ್ನಿರ್ಮಿತ ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಅನ್ನು ಮುಖ್ಯ ಪುಟದಲ್ಲಿ ಪ್ರಯತ್ನಿಸಿ. ಬ್ರೌಸರ್ ಅನ್ನು 200% ಗೆ ಜೂಮ್ ಮಾಡಿ ಯಾವುದಾದರೂ ಮುರಿಯುತ್ತದೆಯೇ ನೋಡಿ.
Mythex ನಲ್ಲಿ ಪ್ರವೇಶಿಸುವಿಕೆ
Mythex ಮೀಸಲಾದ ಪ್ರವೇಶಿಸುವಿಕೆ ಪರಿಶೀಲಕವನ್ನು ಒಳಗೊಂಡಿಲ್ಲ, ಆದ್ದರಿಂದ ಪ್ರವೇಶಿಸುವಿಕೆಯನ್ನು ನಿಮ್ಮ ಪ್ರಾಂಪ್ಟ್‌ಗಳು ಮತ್ತು ಪರೀಕ್ಷೆಯ ಭಾಗವಾಗಿ ಪರಿಗಣಿಸಿ. ಮೊದಲ ಪ್ರಾಂಪ್ಟ್‌ನಿಂದಲೇ WCAG 2.2 AA ಕೇಳಿ, Preview ನಲ್ಲಿ ಕೀಬೋರ್ಡ್‌ನಿಂದ ಫಲಿತಾಂಶವನ್ನು ಪರಿಶೀಲಿಸಿ, ಮತ್ತು ಪ್ರಕಟಿಸುವ ಮೊದಲು ಏಜೆಂಟ್ ನಿಮ್ಮ ಮುಖ್ಯ ಹರಿವುಗಳ ಮೂಲಕ ಕ್ಲಿಕ್ ಮಾಡಲು /test ಬಳಸಿ — App Testing ನೋಡಿ. SEO ಪಾಕವಿಧಾನ ಕೂಡ ಅರ್ಥಪೂರ್ಣ ಹೆಡಿಂಗ್‌ಗಳು ಮತ್ತು ಅರ್ಥಪೂರ್ಣ alt ಪಠ್ಯವನ್ನು ಕೇಳುತ್ತದೆ, ಇವೆರಡೂ ಉದ್ದೇಶಗಳಿಗೆ ಸೇವೆ ಸಲ್ಲಿಸುತ್ತವೆ.
ಕೈಯಿಂದ ಮಾಡುವ ಪರಿಶೀಲನಾಪಟ್ಟಿಗಾಗಿ, ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ಪ್ರವೇಶಿಸಬಹುದಾದಂತೆ ಮಾಡುವುದು ಹೇಗೆ ನೋಡಿ. ವಿನ್ಯಾಸಕ್ಕಾಗಿ, AI ನೊಂದಿಗೆ ಚೆನ್ನಾಗಿ ಕಾಣುವ ಆ್ಯಪ್ ವಿನ್ಯಾಸ ಮಾಡುವುದು ಹೇಗೆ ಓದಿ, ಮತ್ತು ಬಿಡುಗಡೆಗೆ ಮೊದಲು, ಬಿಡುಗಡೆಗೆ ಮುನ್ನ ನಿಮ್ಮ ಆ್ಯಪ್ ಅನ್ನು ಪರೀಕ್ಷಿಸುವುದು ಹೇಗೆ. W3C ನ WCAG ಅವಲೋಕನ ಅಧಿಕೃತ ಮೂಲ.
ಪ್ರಶ್ನೆಗಳು
ಸರಳವಾಗಿ ಹೇಳುವುದಾದರೆ ವೆಬ್ ಪ್ರವೇಶಿಸುವಿಕೆ ಎಂದರೇನು?
ವೆಬ್ ಪ್ರವೇಶಿಸುವಿಕೆ ಎಂದರೆ ವೆಬ್‌ಸೈಟ್‌ಗಳು ಮತ್ತು ಆ್ಯಪ್‌ಗಳನ್ನು ಅಂಗವಿಕಲ ಜನರು ಗ್ರಹಿಸಲು, ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು, ನ್ಯಾವಿಗೇಟ್ ಮಾಡಲು ಮತ್ತು ಬಳಸಲು ಸಾಧ್ಯವಾಗುವಂತೆ ವಿನ್ಯಾಸ ಮತ್ತು ನಿರ್ಮಿಸುವುದು. ಇದರಲ್ಲಿ ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಬಳಸುವ ಅಂಧ ಬಳಕೆದಾರರು, ಮೌಸ್ ಬಳಸಲಾಗದವರು, ದೃಷ್ಟಿ ಕ್ಷೀಣಿಸಿದವರು ಅಥವಾ ಬಣ್ಣ ಕುರುಡುತನ ಇರುವವರು, ಕಿವುಡ ಬಳಕೆದಾರರು ಮತ್ತು ಅರಿವಿನ ಅಂಗವೈಕಲ್ಯವಿರುವವರು ಸೇರಿದ್ದಾರೆ.
WCAG ಎಂದರೇನು?
WCAG (Web Content Accessibility Guidelines) ವೆಬ್ ಪ್ರವೇಶಿಸುವಿಕೆಗಾಗಿನ ಅಂತರರಾಷ್ಟ್ರೀಯ ಮಾನದಂಡ, W3C ಪ್ರಕಟಿಸಿದೆ. ಪ್ರಸ್ತುತ ಆವೃತ್ತಿ WCAG 2.2, ಮೊದಲು ಅಕ್ಟೋಬರ್ 2023 ರಲ್ಲಿ ಪ್ರಕಟವಾಯಿತು. ಅದರ ಯಶಸ್ಸಿನ ಮಾನದಂಡಗಳನ್ನು A, AA ಮತ್ತು AAA ಹಂತಗಳಲ್ಲಿ ವಿಂಗಡಿಸಲಾಗಿದೆ, ಮತ್ತು ಹೆಚ್ಚಿನ ಸಂಸ್ಥೆಗಳು ಮತ್ತು ಕಾನೂನುಗಳು ಉಲ್ಲೇಖಿಸುವ ಗುರಿ AA ಮಟ್ಟ.
WCAG ಯಾವ ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಬೇಕೆಂದು ಕೇಳುತ್ತದೆ?
AA ಮಟ್ಟದಲ್ಲಿ, ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ ಹಿನ್ನೆಲೆಯ ವಿರುದ್ಧ ಕನಿಷ್ಠ 4.5:1 ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಬೇಕು, ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ (ಸುಮಾರು 18 ಪಾಯಿಂಟ್, ಅಥವಾ ದಪ್ಪ 14 ಪಾಯಿಂಟ್) ಕನಿಷ್ಠ 3:1 ಬೇಕು. ಐಕಾನ್‌ಗಳು ಮತ್ತು ನಿಯಂತ್ರಣಗಳ ಗೋಚರ ಭಾಗಗಳಿಗೆ ಪಕ್ಕದ ಹಿನ್ನೆಲೆಯ ವಿರುದ್ಧ ಕನಿಷ್ಠ 3:1 ಬೇಕು.
ವೆಬ್ ಪ್ರವೇಶಿಸುವಿಕೆ ಕಾನೂನು ಅಗತ್ಯವೇ?
ಅನೇಕ ಸ್ಥಳಗಳಲ್ಲಿ, ಅನೇಕ ಸಂಸ್ಥೆಗಳಿಗೆ, ಹೌದು. ಕಾನೂನುಗಳು ದೇಶ ಮತ್ತು ವಲಯದ ಪ್ರಕಾರ ಭಿನ್ನವಾಗಿವೆ — ಉದಾಹರಣೆಗೆ, ಯುರೋಪಿಯನ್ ಅಕ್ಸೆಸಿಬಿಲಿಟಿ ಆಕ್ಟ್ EU ನಲ್ಲಿ ಅನೇಕ ಗ್ರಾಹಕ ಡಿಜಿಟಲ್ ಉತ್ಪನ್ನಗಳು ಮತ್ತು ಸೇವೆಗಳನ್ನು ಒಳಗೊಳ್ಳುತ್ತದೆ. ನಿಮಗೆ ಅನ್ವಯಿಸುವ ನಿಯಮಗಳನ್ನು ಪರಿಶೀಲಿಸಿ, ಅಥವಾ ಕಾನೂನು ಸಲಹೆಗಾರರನ್ನು ಕೇಳಿ.
ಪ್ರವೇಶಿಸುವಿಕೆ ಓವರ್‌ಲೇ ಅಥವಾ ವಿಜೆಟ್ ನನ್ನ ಸೈಟ್ ಅನ್ನು ಅನುಸರಣೆಯುಳ್ಳದ್ದಾಗಿಸಬಹುದೇ?
ಅದಾಗಿಯೇ ಇಲ್ಲ. ಓವರ್‌ಲೇಗಳು ನಿಮ್ಮ ಸೈಟ್‌ನ ಮೇಲೆ ಟೂಲ್‌ಬಾರ್ ಸೇರಿಸುತ್ತವೆ, ಆದರೆ ಕಾಣೆಯಾದ ಲೇಬಲ್‌ಗಳು, ಬಳಸಲಾಗದ ಕೀಬೋರ್ಡ್ ನ್ಯಾವಿಗೇಶನ್ ಅಥವಾ ಅಸ್ಪಷ್ಟ ರಚನೆಯಂತಹ ಮೂಲ ಸಮಸ್ಯೆಗಳನ್ನು ವಿಶ್ವಾಸಾರ್ಹವಾಗಿ ಸರಿಪಡಿಸಲಾಗುವುದಿಲ್ಲ. ವಿಶ್ವಾಸಾರ್ಹ ವಿಧಾನವೆಂದರೆ ಸೈಟ್‌ನ ಕೋಡ್ ಮತ್ತು ವಿಷಯವನ್ನು ಸರಿಪಡಿಸುವುದು.