அணுகல்தன்மை சார்ந்த இணைய மேம்பாடு (Accessibility-First Web Development)
பெரும்பாலான வணிகங்கள் இணையதளத்தை உருவாக்கும்போது தவறான கேள்விகளையே கேட்கின்றன. அதை அனைவரும் பயன்படுத்த முடியுமா என்று அவை கேட்பதில்லை.
வேகமான மடிக்கணினிகள் மற்றும் தெளிவான பார்வை கொண்டவர்களுக்காகவே அவை உருவாக்குகின்றன. ஸ்கிரீன் ரீடரை (screen reader) பயன்படுத்துபவரை அவை மறந்துவிடுகின்றன. மவுஸிற்குப் பதிலாக விசைப்பலகையை (keyboard) நம்பியிருக்கும் பயனரை அவை மறந்துவிடுகின்றன. உள்ளடக்கத்தைப் புரிந்துகொள்ள தெளிவான அமைப்புகள் (layouts) தேவைப்படும் நபரை அவை மறந்துவிடுகின்றன.
உங்கள் தளம் இந்தத் தேவைகளைக் கொண்டவர்களுக்குச் செயல்படவில்லை என்றால், அது முழுமையாகவும் செயல்படவில்லை என்றுதான் அர்த்தம்.
அணுகல்தன்மை (Accessibility) என்பது பெரும்பாலும் கடைசி நேரத்தில் சரிபார்க்கப்படும் ஒரு பட்டியலாகவே உள்ளது. இது ஒரு தவறு. முதல் நாளிலிருந்தே அணுகல்தன்மையைக் கருத்தில் கொண்டு உருவாக்குவது சிறந்த இணையதளங்களை உருவாக்கும். இதன் மூலம் வேகமான லோடிங் நேரம் (load times), சுத்தமான குறியீடு (cleaner code) மற்றும் சிறந்த SEO ஆகியவற்றைப் பெறலாம்.
இதோ பின்பற்ற வேண்டிய ஒரு நடைமுறை கட்டமைப்பு (practical framework):
Semantic HTML-ஐப் பயன்படுத்துங்கள் சரியான பணிகளுக்குச் சரியான கூறுகளைப் (elements) பயன்படுத்துங்கள். குறியீட்டில் ஒரு பட்டன் (button) என்பது பட்டனாகவே இருக்க வேண்டும். ஒரு பட்டனுக்குப் பதிலாக ஸ்டைல் செய்யப்பட்ட div-ஐப் பயன்படுத்துவது, உங்கள் தளத்தை உதவித் கருவிகளுக்கு (assistive tools) கண்ணுக்குத் தெரியாததாக மாற்றிவிடும். இதைத் தாமதமாகச் சரிசெய்வது செலவு மிக்கது. இப்போது செய்வதற்கோ கூடுதல் செலவில்லை.
விசைப்பலகை வழிசெலுத்தலுக்காக (Keyboard Navigation) உருவாக்குங்கள் பல பயனர்கள் மவுஸைப் பயன்படுத்துவதில்லை. ஒவ்வொரு லிங்க் (link), பட்டன் மற்றும் படிவமும் (form) Tab மற்றும் Enter விசைகளைப் பயன்படுத்திச் செயல்பட வேண்டும். பயனர்கள் பக்கத்தில் எங்கு இருக்கிறார்கள் என்பதைத் தெரிந்துகொள்ள, ஃபோகஸ் இண்டிகேட்டர் (focus indicator) தெளிவாகத் தெரிவதை உறுதி செய்யவும்.
வண்ண மாறுபாட்டைச் (Color Contrast) சரிபார்க்கவும் உரை அதன் பின்னணியிலிருந்து தனித்துத் தெரிய வேண்டும். குறைந்தது 4.5:1 என்ற மாறுபாட்டு விகிதத்தை (contrast ratio) இலக்காகக் கொள்ளுங்கள். பொருளைக் காட்ட வண்ணத்தை மட்டும் நம்பியிருக்க வேண்டாம். ஒரு பிழை சிவப்பு நிற உரையாக மட்டுமே காட்டப்பட்டால், நிறக்குருடு (colorblind) உள்ள பயனர்கள் அதைத் தவறவிடக்கூடும். ஒரு ஐகான் (icon) அல்லது லேபிளை (label)ச் சேர்க்கவும்.
அர்த்தமுள்ள Alt Text-ஐ எழுதுங்கள் "image1.jpg" போன்ற கோப்புப் பெயர்களை alt text ஆகப் பயன்படுத்துவதை நிறுத்துங்கள். படம் எதைக் காட்டுகிறது மற்றும் அது ஏன் முக்கியம் என்பதை விவரிக்கவும். ஒரு படம் வெறும் அலங்காரத்திற்காக மட்டுமே என்றால், ஸ்கிரீன் ரீடர்கள் அதைத் தவிர்க்க ஏதுவாக ஒரு காலியான alt attribute-ஐப் பயன்படுத்தவும்.
உண்மையான கருவிகளைக் கொண்டு சோதிக்கவும் தானியங்கி கருவிகள் (Automated tools) சுமார் 40% சிக்கல்களை மட்டுமே கண்டறியும். நீங்கள் NVDA, JAWS அல்லது VoiceOver போன்ற உண்மையான ஸ்கிரீன் ரீடர்களைக் கொண்டு சோதிக்க வேண்டும். மென்பொருள்களை மட்டுமே நம்பியிருந்தால், உண்மையான இடைவெளிகளை நீங்கள் கவனிக்கத் தவறக்கூடும்.
நீங்கள் விளிம்புநிலைத் தேவைகளுக்காக (edges) உருவாக்கும்போது, மையப்பகுதி அனைவருக்கும் சிறப்பாக அமையும். பிரகாசமான சூரிய ஒளியில் தொலைபேசியைப் பயன்படுத்துபவர் அல்லது ஒரு கையால் குழந்தையைத் தூக்கிக்கொண்டிருக்கும் பெற்றோர் ஆகியோரும் உங்கள் அணுகல்தன்மை கொண்ட வடிவமைப்பால் பயனடைவார்கள்.
அணுகல்தன்மையை ஒரு சட்டரீதியான கடமையாகக் கருதுவதை நிறுத்துங்கள். அதைத் தரத்திற்கான ஒரு தரநிலையாகக் கருதுங்கள்.