# அணுகல் வசதி கொண்ட வலைப்பக்கங்களை உருவாக்குதல் ![அணுகல் வசதி பற்றிய அனைத்தும்](../../../../translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.ta.png) > ஸ்கெட்ச் நோட் [Tomomi Imura](https://twitter.com/girlie_mac) மூலம் ## முன்-வகுப்பு வினாடி வினா [முன்-வகுப்பு வினாடி வினா](https://ff-quizzes.netlify.app/web/) > இணையத்தின் சக்தி அதன் பரவலான பயன்பாட்டில் உள்ளது. மாற்றுத்திறனாளிகள் உட்பட அனைவருக்கும் அணுகல் முக்கியமான அம்சமாகும். > > \- சர் டிமோதி பெர்னர்ஸ்-லீ, W3C இயக்குநர் மற்றும் உலகளாவிய இணையத்தின் கண்டுபிடிப்பாளர் இந்த மேற்கோள் அணுகல் வசதி கொண்ட வலைத்தளங்களை உருவாக்குவதின் முக்கியத்துவத்தை சரியாக வெளிப்படுத்துகிறது. அனைவரும் அணுக முடியாத ஒரு பயன்பாடு தானாகவே விலக்கப்பட்டதாகும். வலை வளர்ப்பாளர்களாக நாம் எப்போதும் அணுகல் வசதியை மனதில் வைத்திருக்க வேண்டும். ஆரம்பத்திலேயே இந்த கவனத்தை வைத்திருப்பதன் மூலம், நீங்கள் உருவாக்கும் பக்கங்களை அனைவரும் அணுக முடியும் என்பதை உறுதிப்படுத்தும் பாதையில் நீங்கள் இருக்கலாம். இந்த பாடத்தில், உங்கள் வலைச் சொத்துகள் அணுகல் வசதியானவை என்பதை உறுதிப்படுத்த உதவும் கருவிகள் மற்றும் அணுகல் வசதியை மனதில் வைத்து எப்படி உருவாக்குவது என்பதை நீங்கள் கற்றுக்கொள்வீர்கள். > இந்த பாடத்தை [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/accessibility/?WT.mc_id=academic-77807-sagibbon) இல் எடுத்துக்கொள்ளலாம்! ## பயன்படுத்த வேண்டிய கருவிகள் ### திரை வாசகங்கள் அணுகல் வசதிக்கான மிகவும் பிரபலமான கருவிகளில் ஒன்றாக திரை வாசகங்கள் உள்ளன. [திரை வாசகங்கள்](https://en.wikipedia.org/wiki/Screen_reader) பார்வை குறைபாடுகள் உள்ளவர்களுக்கான பொதுவான வாடிக்கையாளர்களாகும். உங்களது தகவல்களை சரியாக வழங்க ஒரு உலாவியை உறுதிப்படுத்துவதற்காக நாம் நேரத்தை செலவிடும் போது, ​​திரை வாசகமும் அதேபோல் செய்கிறது என்பதை உறுதிப்படுத்த வேண்டும். அதன் அடிப்படையில், திரை வாசகம் ஒரு பக்கத்தை மேலிருந்து கீழே ஒலியாக வாசிக்கும். உங்கள் பக்கம் முழுவதும் உரையாக இருந்தால், வாசகன் உலாவியைப் போலவே தகவல்களை வழங்கும். ஆனால், வலைப்பக்கங்கள் அரிதாகவே முழுவதும் உரையாக இருக்கும்; அவை இணைப்புகள், படங்கள், நிறங்கள் மற்றும் பிற காட்சிப் பகுதிகளை கொண்டிருக்கும். இந்த தகவல்கள் திரை வாசகத்தால் சரியாக வாசிக்கப்படுவதை உறுதிப்படுத்த கவனமாக இருக்க வேண்டும். ஒவ்வொரு வலை வளர்ப்பாளரும் திரை வாசகத்தைப் பற்றி அறிந்திருக்க வேண்டும். மேலே குறிப்பிடப்பட்டதுபோல், உங்கள் பயனர்கள் பயன்படுத்தும் வாடிக்கையாளராக இது உள்ளது. உலாவி எப்படி செயல்படுகிறது என்பதை நீங்கள் அறிந்திருப்பது போலவே, திரை வாசகம் எப்படி செயல்படுகிறது என்பதை நீங்கள் கற்றுக்கொள்ள வேண்டும். அதிர்ஷ்டவசமாக, திரை வாசகங்கள் பெரும்பாலான இயக்க முறைமைகளில் உள்ளடக்கப்பட்டுள்ளன. சில உலாவிகள் உள்ளடக்கப்பட்ட கருவிகள் மற்றும் நீட்டிப்புகளை கொண்டுள்ளன, அவை உரையை ஒலியாக வாசிக்கவோ அல்லது சில அடிப்படை வழிசெலுத்தல் அம்சங்களை வழங்கவோ முடியும், [இந்த Edge உலாவி கருவிகள்](https://support.microsoft.com/help/4000734/microsoft-edge-accessibility-features) போன்றவை. இவை முக்கியமான அணுகல் வசதி கருவிகளாகும், ஆனால் திரை வாசகங்களை சோதனை செய்யும் கருவிகளாக தவறாக கருதக்கூடாது. ✅ ஒரு திரை வாசகத்தையும் உலாவி உரை வாசகத்தையும் முயற்சிக்கவும். Windows இல் [Narrator](https://support.microsoft.com/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1/?WT.mc_id=academic-77807-sagibbon) இயல்பாகவே உள்ளடக்கப்பட்டுள்ளது, மேலும் [JAWS](https://webaim.org/articles/jaws/) மற்றும் [NVDA](https://www.nvaccess.org/about-nvda/) நிறுவப்படலாம். macOS மற்றும் iOS இல், [VoiceOver](https://support.apple.com/guide/voiceover/welcome/10) இயல்பாகவே நிறுவப்பட்டுள்ளது. ### பெரிதாக்குதல் பார்வை குறைபாடுகள் உள்ளவர்கள் பொதுவாக பயன்படுத்தும் மற்றொரு கருவி பெரிதாக்குதல் ஆகும். மிக அடிப்படை வகையான பெரிதாக்கல் `Control + plus sign (+)` மூலம் அல்லது திரை தீர்மானத்தை குறைப்பதன் மூலம் கட்டுப்படுத்தப்படுகிறது. இந்த வகையான பெரிதாக்கல் முழு பக்கத்தையும் மறுஆய்வு செய்யச் செய்கிறது, எனவே [பதிலளிக்கும் வடிவமைப்பு](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design) அதிகப்படியான பெரிதாக்கல் நிலைகளில் நல்ல பயனர் அனுபவத்தை வழங்க முக்கியமானது. பெரிதாக்கலின் மற்றொரு வகை, திரையின் ஒரு பகுதியை பெரிதாக்குவதற்கும் பான் செய்யவும் சிறப்பு மென்பொருளை நம்புகிறது, இது ஒரு உண்மையான பெரிதாக்கு கண்ணாடியைப் பயன்படுத்துவது போலவே. Windows இல், [Magnifier](https://support.microsoft.com/windows/use-magnifier-to-make-things-on-the-screen-easier-to-see-414948ba-8b1c-d3bd-8615-0e5e32204198) உள்ளடக்கப்பட்டுள்ளது, மேலும் [ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/) என்பது அதிக அம்சங்களையும் பெரிய பயனர் அடிப்படையையும் கொண்ட மூன்றாம் தரப்பு பெரிதாக்கல் மென்பொருள் ஆகும். macOS மற்றும் iOS இரண்டிலும் [Zoom](https://www.apple.com/accessibility/mac/vision/) எனும் உள்ளடக்கப்பட்ட பெரிதாக்கல் மென்பொருள் உள்ளது. ### மாறுபாடு சரிபார்ப்பிகள் வலைத்தளங்களில் நிறங்கள் கவனமாக தேர்ந்தெடுக்கப்பட வேண்டும், நிறக்குறைபாடு உள்ள பயனர்கள் அல்லது குறைந்த மாறுபாட்டில் நிறங்களைப் பார்க்க சிரமம் உள்ளவர்களின் தேவைகளை பூர்த்தி செய்ய. ✅ [WCAG's color checker](https://microsoftedge.microsoft.com/addons/detail/wcag-color-contrast-check/idahaggnlnekelhgplklhfpchbfdmkjp?hl=en-US&WT.mc_id=academic-77807-sagibbon) போன்ற உலாவி நீட்டிப்பைப் பயன்படுத்தி உங்களுக்கு பிடித்த ஒரு வலைத்தளத்தை நிற பயன்பாட்டிற்காக சோதிக்கவும். நீங்கள் என்ன கற்றுக்கொள்கிறீர்கள்? ### Lighthouse உங்கள் உலாவியின் டெவலப்பர் கருவி பகுதியில், நீங்கள் Lighthouse கருவியை காணலாம். இந்த கருவி ஒரு வலைத்தளத்தின் அணுகல் வசதி (மற்றும் பிற பகுப்பாய்வு) பற்றிய முதல் பார்வையைப் பெற முக்கியமானது. Lighthouse மட்டுமே முழுமையாக நம்புவது முக்கியமல்ல, ஆனால் 100% மதிப்பீடு அடிப்படை அளவீராக மிகவும் உதவிகரமாக இருக்கும். ✅ உங்கள் உலாவியின் டெவலப்பர் கருவி குழுவில் Lighthouse ஐ கண்டுபிடித்து, எந்தவொரு தளத்திலும் ஒரு பகுப்பாய்வை இயக்கவும். நீங்கள் என்ன கண்டறிகிறீர்கள்? ## அணுகல் வசதிக்கான வடிவமைப்பு அணுகல் வசதி என்பது ஒப்பீட்டளவில் பெரிய தலைப்பு. உங்களுக்கு உதவ, பல்வேறு வளங்கள் கிடைக்கின்றன. - [Accessible U - University of Minnesota](https://accessibility.umn.edu/your-role/web-developers) அணுகல் வசதியான தளங்களை உருவாக்குவதற்கான அனைத்து அம்சங்களையும் நாம் கற்றுக்கொள்ள முடியாது, கீழே நீங்கள் செயல்படுத்த விரும்பும் சில முக்கிய கொள்கைகள் உள்ளன. ஆரம்பத்திலேயே ஒரு அணுகல் வசதியான பக்கத்தை வடிவமைப்பது **எப்போதும்** ஒரு ஏற்கனவே உள்ள பக்கத்தை திருத்துவதற்கும், அதை அணுகல் வசதியாக மாற்றுவதற்கும் எளிதானது. ## நல்ல காட்சி கொள்கைகள் ### நிறம் பாதுகாப்பான நிறங்கள் மக்கள் உலகத்தை பல்வேறு வழிகளில் பார்க்கிறார்கள், இதில் நிறங்கள் அடங்கும். உங்கள் தளத்திற்கான நிறத் திட்டத்தைத் தேர்ந்தெடுக்கும் போது, ​​அது அனைவருக்கும் அணுகல் வசதியானது என்பதை உறுதிப்படுத்த வேண்டும். [Color Safe](http://colorsafe.co/) போன்ற ஒரு சிறந்த கருவி நிறத் திட்டங்களை உருவாக்க உதவுகிறது. ✅ நிறங்களைப் பயன்படுத்துவதில் மிகவும் சிக்கலான ஒரு வலைத்தளத்தை அடையாளம் காணவும். ஏன்? ### சரியான HTML ஐப் பயன்படுத்தவும் CSS மற்றும் JavaScript மூலம் எந்த உருப்படியையும் எந்த வகையான கட்டுப்பாடாகவும் உருவாக்க முடியும். `` ஐ `