குறைபாடுகள் உள்ளவர்களுக்கு உங்கள் வலைத் தளத்தை அணுகுவது

குறைபாடுகள் உள்ளவர்களுக்கு உங்கள் வலைத்தளத்தை அணுகுவதன் மூலம், நீங்கள் அனைவருக்கும் அணுகுவதற்கு முடிகிறது. உண்மையில், உங்கள் வலைத்தளத்தை இன்னும் அணுகக்கூடியதாக மாற்றுவதன் மூலம், உங்கள் வலைத்தளத்தை தேடுபொறிகளில் காணலாம். ஏன்? தேடுபொறிகள் உங்கள் இணைய உள்ளடக்கத்தை கண்டுபிடித்து புரிந்து கொள்ளும் வகையில் ஸ்கிரீன் ரீடர்ஸ் செய்யும் அதே சமிக்ஞைகளை சில பயன்படுத்துகின்றன.

ஆனால் குறியீட்டு வல்லுனராக இல்லாமல் எவ்வகையான அணுகல் வலைத்தளத்தை நீங்கள் செய்ய வேண்டும்?

அடிப்படை HTML அறிவு கிட்டத்தட்ட யாரையும் தங்கள் வலைத்தளத்தின் அணுகலை மேம்படுத்த பயன்படுத்த முடியும் என்று சில குறிப்புகள் மற்றும் தந்திரங்களை இங்கே.

வலை அணுகல் கருவிகள்

W3C உங்கள் வலைத்தளத்துடன் கூடிய சாத்தியமான சிக்கல்களைக் கண்டறிய ஒரு செக்கர் எனப் பயன்படுத்தக்கூடிய இணைய அணுகல் கருவிகளைப் பற்றிய அற்புதமான பட்டியல் உள்ளது. என்று, நான் இன்னும் ஒரு திரை வாசகர் ஆய்வு மற்றும் உங்களை அனுபவிக்கும் சில செய்ய பரிந்துரைக்கிறோம்.

ஸ்கிரீன் ரீடர்கள் புரிந்துகொள்ளுதல்

உங்கள் வலைத்தளத்தின் அணுகலை மேம்படுத்துவதற்கான மிக முக்கியமான வழிகளில் ஒன்று ஸ்கிரீன் ரீடர்களால் புரிந்துகொள்ளப்படக்கூடியதா என்பதை உறுதி செய்ய வேண்டும். ஸ்கிரீன் வாசகர்கள் திரையில் உரையை படிக்க ஒரு செயற்கை குரல் பயன்படுத்துகின்றனர். அது மிகவும் நேர்மையானது; இருப்பினும், ஸ்கிரீன் ரீடர்கள் அல்லது பிற உதவிய தொழில்நுட்பங்கள் தற்போது நீங்கள் அமைத்திருக்கும் முறையை உங்கள் வலைத்தளத்தைப் புரிந்து கொள்ளாமல் போகலாம்.

நீங்கள் செய்ய விரும்பும் முதல் விஷயம், ஒரு ஸ்கிரீன் ரீடர் ஒன்றை முயற்சிக்கவும், அது எவ்வாறு செல்கிறது என்பதைப் பார்க்கவும். நீங்கள் ஒரு Mac இல் இருந்தால், VoiceOver ஐப் பயன்படுத்தி முயற்சிக்கவும்.

1. செல்க கணினி விருப்பங்கள்.
2. தேர்வு அணுகல்.
3. தேர்வு குரல்வழி.
4. பெட்டியை சரிபார்க்கவும் VoiceOver ஐ இயக்குவதற்கு.

கட்டளை -5-ஐ பயன்படுத்தி அதை அணைக்கலாம்.

நீங்கள் ஒரு விண்டோஸ் கணினியில் இருந்தால், நீங்கள் என்விடிஏவை பதிவிறக்க வேண்டும். குறுக்குவழி கட்டுப்பாடு + alt + n உடன் தேட மற்றும் முடக்க அதை அமைக்கலாம்.

இரண்டு திரை வாசகர்கள் விசைப்பலகை மூலம் பயனர் செல்லவும் (இது அர்த்தம் - நீங்கள் பார்க்க முடியாது என்றால், ஒரு சுட்டி பயன்படுத்தி ஒரு சவாலாக இருக்கும்) மற்றும் வழிசெலுத்தல் ஒரு கவனம் பகுதியில் உருவாக்கி. விசைப்பலகையானது "சுட்டிக்காட்டப்பட்டது" என்பது முக்கியமாக கவனம் செலுத்துகிறது, ஆனால் இது பொதுவாக கர்சரை விட கவனம் பொருளைச் சுற்றி ஒரு தனிப்படுத்தப்பட்ட பெட்டியாக காட்டப்படுகிறது.

நீங்கள் இயல்புநிலை அமைப்புகளை எரிச்சலூட்டும் என்றால் குரல் வாசிப்பு மற்றும் வேகம் இருவரும் மாற்ற முடியும் (மற்றும் ஒரு நிலையான மெதுவாக குரல் வாசிப்பு கேட்டு சுமார் ஐந்து நிமிடங்கள் கழித்து, அவர்கள் வழக்கமாக). கண் பார்வையற்றோர் பொதுவாக வலைத்தளங்களை தங்கள் ஸ்கிரீன் ரீடர்கள் உயர் வேகத்துடன் அமைக்கலாம்.

இதைச் செய்யும்போது உங்கள் கண்களை மூடிக்கொள்ள இது உதவுகிறது, ஆனால் அவற்றை திறந்து வைத்துக் கொள்ளவும் உதவுகிறது. உங்கள் வலைத்தளத்தை கவனித்துப் பார்க்கையில் நீங்கள் உடனடியாக கவனிக்க வேண்டிய சில விஷயங்கள், சில எழுத்துக்கள் ஒழுங்கற்றதாக இருக்கக்கூடும். தலைப்புகள் மற்றும் அட்டவணைகள் முணுமுணுக்கப்படலாம். படங்கள் தவிர்க்கப்படலாம் அல்லது அவர்கள் "படத்தை" அல்லது ஏதோவொரு திறமையற்றது என்று கூறலாம். சூழல் இல்லாமல் அட்டவணைகள் தொடர்ச்சியாக பொருட்களை வரிசைப்படுத்தலாம்.

நீங்கள், வட்டம், இதை சரிசெய்ய முடியும்.

Alt-Tags அல்லது மாற்று பண்புக்கூறு

Alt-tag அல்லது மாற்று (alt) பண்புக்கூறு HTML இல் ஒரு படத்தை விவரிக்க பயன்படுத்தப்படுகிறது. HTML இல், இது போன்ற ஒன்று உள்ளது:

நீங்கள் உங்கள் HTML குறியீட்டை மறைக்கும் ஒரு காட்சி கருவியை உங்கள் வலைத்தளமாக உருவாக்கியிருந்தாலும், நீங்கள் எப்பொழுதும் பட விளக்கத்தை உள்ளிடுவதற்கான வாய்ப்பைப் பெறுவீர்கள். நீங்கள் எதுவும் (alt = "") உள்ளிடலாம் ஆனால் ஒவ்வொரு படத்திற்கும் ஒரு பயனுள்ள விளக்கத்தை வழங்குவதற்கு அது நன்றாக இருக்கும். நீங்கள் குருடனாயிருந்தால், படத்தைப் பற்றி நீங்கள் என்ன தெரிந்துகொள்ள வேண்டும்? "பெண்" மிகவும் உதவியாக இல்லை, ஆனால் "அணுகல், பயன்பாட்டினை, பிராண்டிங் மற்றும் வடிவமைப்பு உள்ளிட்ட பெண் ஓவிய வடிவமைப்பு ஓட்டம் விளக்கப்படம்."

தலைப்பு உரை

வலைத்தளங்கள் எப்போதுமே HTML தலைப்பு குறிச்சொல்லைக் காண்பிக்காது, ஆனால் திரை வாசகர்களுக்கு இது உதவியாக இருக்கும். உங்கள் வலைத்தளத்தின் பக்கங்களில் ஒவ்வொன்றும் என்ன என்பதைப் பார்வையாளர்களுக்கு விவரிக்கும் ஒரு விளக்கமான (ஆனால் அதிகமான verbose) தலைப்பு உள்ளது என்பதை உறுதிப்படுத்தவும்.

உங்கள் வலைத்தளத்திற்கு நல்ல தகவல் வரிசைமுறை கொடுங்கள்

தலைப்பகுதிகளுடன் உரையின் பெரிய துகள்களை உடைத்து, முடிந்தால், H1, H2, H3 வரிசைமுறைகளை சரியான முறையில் பயன்படுத்தவும். இது திரை வாசகர்களுக்கு உங்கள் வலைத்தளத்தை எளிதாக்குகிறது, இது அனைவருக்கும் எளிதானது. Google மற்றும் பிற தேடுபொறிகளுக்கு இது நல்ல குறியீட்டு இணையத்தளத்திற்கு உதவும் ஒரு பெரிய சமிக்ஞையாகும்.

இதேபோல், உங்கள் வலைத்தளம் ஒரு தருக்க உள்ளடக்கக் கட்டுரையில் இருப்பதை உறுதி செய்ய வேண்டும், உங்களிடம் தொடர்பற்ற தகவல்களின் பெட்டிகள் இல்லை. நீங்கள் விளம்பரங்களைப் பயன்படுத்துகிறீர்கள் என்றால், உங்கள் விளம்பரங்கள் மிக அதிகமாக உள்ளுணர்வை ஏற்படுத்துவதில்லை மற்றும் உங்கள் வலைத்தளத்தில் உரைகளை அடிக்கடி உடைக்கின்றன.

சிறந்த அட்டவணைகளை உருவாக்குங்கள்

நீங்கள் HTML அட்டவணையைப் பயன்படுத்துகிறீர்கள் என்றால், தட்டச்சு மூலம் உங்கள் அட்டவணையில் தலைப்புகளைச் சேர்க்க முடியும், அவை தட்டச்சு உரையில் ஒரு அட்டவணையைத் தலைப்பை உருவாக்குவதைத் தவிர, திரை வாசகர்களிடமிருந்து எளிதாக புரிந்து கொள்ள உதவும். நீங்கள் "நோக்கம்" உறுப்பைச் சேர்க்கலாம் மற்றும் உங்கள் அட்டவணையில் புதிய வரிசைகள் மற்றும் நெடுவரிசைகளை தெளிவாகக் குறிப்பிடலாம், இதனால் திரை வாசகர்கள் எந்தவொரு சூழலையும் அளிக்காமல் அட்டவணை செல்களைத் தொடர வேண்டாம்.

விசைப்பலகை ஊடுருவல்

பொதுவாக, உங்கள் வலைத்தளத்தில் நீங்கள் எதை வைத்தாலும், ஒரு விசயத்தை ஒருவர் மட்டுமே ஒரு விசைப்பலகை மட்டுமே பயன்படுத்த முடியும். நீங்கள் ஒரு ஸ்கிரீன் ரீடர் மூலம் அவற்றை பயன்படுத்த முடியாது என்றால் உங்கள் வழிசெலுத்தல் பொத்தான்கள் அனிமேஷன் கீழிறங்கும் பொத்தான்கள் இருக்க கூடாது என்று பொருள் (அதை முயற்சி மற்றும் நீங்கள் உறுதியாக தெரியவில்லை என்றால் - சில பொத்தான்கள் விசைப்பலகை பயன்படுத்த திட்டமிடப்பட்டுள்ளது.)

மூடிய தலைப்புகள்

உங்கள் வலைத்தளத்திற்கு வீடியோக்களை அல்லது ஆடியோ கூறுகளைச் சேர்த்தால், அவர்கள் தலைப்புகள் இருக்க வேண்டும். HTML5 மற்றும் பல வீடியோ ஸ்ட்ரீமிங் சேவைகள் (YouTube போன்றவை) மூடப்பட்ட தலைப்பு ஆதரவு வழங்குகின்றன. அணுகல்தன்மைக்கு மட்டுமல்லாமல், ஒரு அலுவலகத்தில் அல்லது சத்தமாக உள்ள இடங்களில் ஆடியோவை இயக்க முடியாது எங்கு வேண்டுமானாலும் உங்கள் வலைத்தளத்தை உலாவக்கூடிய பயனர்களுக்கான மூடிய தலைப்புகள் பயனுள்ளதாக இருக்கும்.

பாட்காஸ்ட்கள் அல்லது பிற ஆடியோ கூறுகளுக்கு, உரை டிரான்ஸ்கிரிப்டை வழங்குவதைக் கருதுக. ஆடியோவைக் கேட்காதவர்களுக்கு இது பயனளிக்கும், உரை கூகுள் மற்றும் பிற தேடல் என்ஜின்களுக்கு உள்ளடக்கத்தை குறியீட்டிற்கு எளிதாக்குவதோடு உங்கள் Google தரவரிசைக்கு உதவும்.

ஏ.ஆர்.ஐ.ஏ

அணுகுமுறையின் மேம்பட்ட நிலைக்கு நீங்கள் செல்ல விரும்பினால், HTML5 ARIA அல்லது WAI-ARIA குறிப்புகள் முன்னோக்கி செல்லும் புதிய தரநிலையாக இருக்கும். எனினும், இது ஒரு சிக்கலான (மற்றும் உருவாகி) தொழில்நுட்ப கையேடு ஆகும், எனவே நீங்கள் என்ன செய்ய முடியும் உங்கள் ARIA வேலிடேட்டரைப் பயன்படுத்தி உங்கள் வலைத்தளத்தை நீங்கள் சந்திக்கும் எந்தவொரு பிரச்சினையையும் காண வேண்டுமா என்பதைக் கண்டறிய ஸ்கேன் செய்யவும். Mozilla ARIA உடன் தொடங்குவதற்கு மிகவும் அணுகக்கூடிய வழிகாட்டி உள்ளது.