WCAG 2.1 இணக்கம்: சோதனை மற்றும் செயல்படுத்தலுக்கான ஒரு உலகளாவிய வழிகாட்டி

பெருகிய முறையில் ஒன்றோடொன்று இணைக்கப்பட்ட உலகில், டிஜிட்டல் அணுகல்தன்மையை உறுதி செய்வது இணக்கத்தின் ஒரு விஷயம் மட்டுமல்ல; இது ஒரு அடிப்படைக் கடமையாகும். வலை உள்ளடக்க அணுகல்தன்மை வழிகாட்டுதல்கள் (WCAG) 2.1, மாற்றுத்திறனாளிகளுக்கு வலை உள்ளடக்கத்தை இன்னும் அணுகக்கூடியதாக மாற்றுவதற்கான உலகளவில் அங்கீகரிக்கப்பட்ட தரத்தை வழங்குகிறது. இந்த விரிவான வழிகாட்டி WCAG 2.1 இணக்கத்தை ஆராய்ந்து, உலகளாவிய பார்வையாளர்களுக்குப் பொருத்தமான சோதனை உத்திகள் மற்றும் நடைமுறைச் செயல்படுத்தல் அணுகுமுறைகளை உள்ளடக்கும்.

WCAG 2.1 என்றால் என்ன?

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

WCAG 2.1 ஆனது நான்கு முக்கிய கொள்கைகளைச் சுற்றி ஒழுங்கமைக்கப்பட்டுள்ளது, இது பெரும்பாலும் POUR என்ற சுருக்கத்தால் நினைவுகூரப்படுகிறது:

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

WCAG 2.1 இணக்கம் ஏன் முக்கியமானது?

WCAG 2.1 உடன் இணங்குவது பல குறிப்பிடத்தக்க நன்மைகளை வழங்குகிறது:

• சட்டத் தேவைகள்: பல நாடுகள் மற்றும் பிராந்தியங்களில் வலை அணுகல்தன்மையைக் கட்டாயப்படுத்தும் சட்டங்கள் மற்றும் விதிமுறைகள் உள்ளன, அவை பெரும்பாலும் WCAG-ஐக் குறிப்பிடுகின்றன. எடுத்துக்காட்டாக, அமெரிக்காவில் மாற்றுத்திறனாளிகளுக்கான அமெரிக்கர்கள் சட்டம் (ADA), அமெரிக்க கூட்டாட்சி அரசாங்கத்தில் பிரிவு 508, கனடாவில் ஒன்டாரியோ மாற்றுத்திறனாளிகளுக்கான அணுகல்தன்மைச் சட்டம் (AODA) மற்றும் ஐரோப்பாவில் EN 301 549 ஆகிய அனைத்தும் WCAG தரநிலைகளைக் கோருகின்றன அல்லது குறிப்பிடுகின்றன. இணங்கத் தவறினால் சட்ட நடவடிக்கை மற்றும் நற்பெயருக்கு சேதம் ஏற்படலாம்.
• விரிவாக்கப்பட்ட சந்தை வரம்பு: உங்கள் வலைத்தளத்தை அணுகக்கூடியதாக மாற்றுவது, உலகெங்கிலும் உள்ள மில்லியன் கணக்கான மாற்றுத்திறனாளிகள் உட்பட பரந்த பார்வையாளர்களுக்கு அதைத் திறக்கிறது. இது அதிகரித்த போக்குவரத்து, ஈடுபாடு மற்றும் சாத்தியமான வருவாயாக மாறுகிறது.
• அனைவருக்கும் மேம்படுத்தப்பட்ட பயனர் அனுபவம்: அணுகல்தன்மை மேம்பாடுகள் பெரும்பாலும் மாற்றுத்திறனாளிகளுக்கு மட்டுமல்ல, அனைத்து பயனர்களுக்கும் பயனளிக்கின்றன. உதாரணமாக, தெளிவான மற்றும் சுருக்கமான எழுத்து, நன்கு கட்டமைக்கப்பட்ட உள்ளடக்கம் மற்றும் விசைப்பலகை வழிசெலுத்தல் ஆகியவை ஒரு வலைத்தளத்தை அனைவருக்கும் பயன்படுத்த எளிதாக்குகிறது.
• நெறிமுறைக் கருத்தாய்வுகள்: ஆன்லைனில் தகவல் மற்றும் சேவைகளுக்கு சமமான அணுகலை உறுதி செய்வது ஒரு சமூகப் பொறுப்பாகும். WCAG 2.1 இணக்கம் உள்ளடக்கம் மற்றும் சமத்துவத்தின் நெறிமுறைக் கொள்கைகளுடன் ஒத்துப்போகிறது.
• மேம்படுத்தப்பட்ட எஸ்சிஓ (SEO): தேடுபொறிகள் நல்ல பயனர் அனுபவத்தை வழங்கும் வலைத்தளங்களுக்கு சாதகமாக உள்ளன. அணுகல்தன்மை சிறந்த நடைமுறைகளைச் செயல்படுத்துவதன் மூலம், உங்கள் வலைத்தளத்தின் தேடுபொறி தரவரிசையை மேம்படுத்தலாம்.

WCAG 2.1 வெற்றி அளவுகோல்கள்: ஒரு ஆழமான பார்வை

WCAG 2.1 வெற்றி அளவுகோல்கள் ஒவ்வொரு வழிகாட்டுதலையும் எவ்வாறு பூர்த்தி செய்வது என்பதை வரையறுக்கும் சோதிக்கக்கூடிய அறிக்கைகளாகும். அவை மூன்று நிலைகளாக வகைப்படுத்தப்பட்டுள்ளன:

• நிலை A: அணுகல்தன்மையின் மிக அடிப்படையான நிலை. சில பயனர்கள் வலைத்தளத்தைப் பயன்படுத்த இந்த அளவுகோல்களைப் பூர்த்தி செய்வது அவசியம்.
• நிலை AA: மாற்றுத்திறனாளிகளுக்கான மிகவும் பொதுவான தடைகளை நிவர்த்தி செய்கிறது. நிலை AA பெரும்பாலும் சட்ட இணக்கத்திற்கான இலக்கு மட்டமாகும்.
• நிலை AAA: அணுகல்தன்மையின் மிக உயர்ந்த நிலை. முழுமையாக அடைவது எப்போதும் சாத்தியமில்லை என்றாலும், நிலை AAA அளவுகோல்களைப் பூர்த்தி செய்வது பரந்த அளவிலான பயனர்களுக்கு பயனர் அனுபவத்தை கணிசமாக மேம்படுத்தும்.

வெவ்வேறு நிலைகளில் WCAG 2.1 வெற்றி அளவுகோல்களின் சில எடுத்துக்காட்டுகள் இங்கே:

நிலை A எடுத்துக்காட்டுகள்:

• 1.1.1 உரை அல்லாத உள்ளடக்கம்: உரை அல்லாத எந்த உள்ளடக்கத்திற்கும் உரை மாற்றுகளை வழங்கவும், இதனால் அது பெரிய அச்சு, பிரெய்லி, பேச்சு, சின்னங்கள் அல்லது எளிமையான மொழி போன்ற மக்களுக்குத் தேவையான பிற வடிவங்களாக மாற்றப்படலாம். எடுத்துக்காட்டு: படங்களின் உள்ளடக்கத்தை விவரிக்கும் alt உரையைச் சேர்ப்பது.
• 1.3.1 தகவல் மற்றும் உறவுகள்: விளக்கக்காட்சியின் மூலம் தெரிவிக்கப்படும் தகவல், கட்டமைப்பு மற்றும் உறவுகள் நிரல்ரீதியாக தீர்மானிக்கப்படலாம் அல்லது உரையில் கிடைக்கின்றன. எடுத்துக்காட்டு: தலைப்புகளுக்கு <h1>-<h6> மற்றும் பட்டியல்களுக்கு <ul> மற்றும் <ol> போன்ற சொற்பொருள் HTML கூறுகளைப் பயன்படுத்துதல்.
• 2.1.1 விசைப்பலகை: உள்ளடக்கத்தின் அனைத்து செயல்பாடுகளும் ஒரு விசைப்பலகை இடைமுகம் மூலம் தனிப்பட்ட விசை அழுத்தங்களுக்கு குறிப்பிட்ட நேரங்கள் தேவைப்படாமல் செயல்படக்கூடியவை. எடுத்துக்காட்டு: பொத்தான்கள் மற்றும் இணைப்புகள் போன்ற அனைத்து ஊடாடும் கூறுகளையும் விசைப்பலகை மூலம் மட்டுமே அணுகவும் செயல்படுத்தவும் முடியும் என்பதை உறுதி செய்தல்.

நிலை AA எடுத்துக்காட்டுகள்:

• 1.4.3 மாறுபாடு (குறைந்தபட்சம்): உரை மற்றும் உரையின் படங்களின் காட்சி விளக்கக்காட்சி குறைந்தபட்சம் 4.5:1 என்ற மாறுபட்ட விகிதத்தைக் கொண்டுள்ளது. எடுத்துக்காட்டு: உரை மற்றும் பின்னணி வண்ணங்களுக்கு இடையில் போதுமான வண்ண வேறுபாட்டை உறுதி செய்தல். WebAIM இன் Contrast Checker போன்ற கருவிகள் உதவக்கூடும்.
• 2.4.4 இணைப்பின் நோக்கம் (சூழலில்): ஒவ்வொரு இணைப்பின் நோக்கமும் இணைப்பு உரையிலிருந்து மட்டுமே அல்லது இணைப்பு உரையுடன் அதன் நிரல்ரீதியாக தீர்மானிக்கப்பட்ட இணைப்புச் சூழலுடன் தீர்மானிக்கப்படலாம், இணைப்பின் நோக்கம் பொதுவாக பயனர்களுக்கு தெளிவற்றதாக இருக்கும் இடங்களைத் தவிர. எடுத்துக்காட்டு: "இங்கே கிளிக் செய்க" போன்ற பொதுவான இணைப்பு உரையைத் தவிர்த்து, அதற்குப் பதிலாக "WCAG 2.1 பற்றி மேலும் படிக்கவும்" போன்ற விளக்க உரையைப் பயன்படுத்துதல்.
• 3.1.1 பக்கத்தின் மொழி: ஒவ்வொரு பக்கத்தின் இயல்புநிலை மனித மொழியையும் நிரல்ரீதியாக தீர்மானிக்க முடியும். எடுத்துக்காட்டு: பக்கத்தின் மொழியைக் குறிப்பிட <html lang="en"> பண்புக்கூறைப் பயன்படுத்துதல். பன்மொழி வலைத்தளங்களுக்கு, வெவ்வேறு பிரிவுகளுக்கு வெவ்வேறு மொழி பண்புக்கூறுகளைப் பயன்படுத்தவும்.

நிலை AAA எடுத்துக்காட்டுகள்:

• 1.4.6 மாறுபாடு (மேம்படுத்தப்பட்டது): உரை மற்றும் உரையின் படங்களின் காட்சி விளக்கக்காட்சி குறைந்தபட்சம் 7:1 என்ற மாறுபட்ட விகிதத்தைக் கொண்டுள்ளது. எடுத்துக்காட்டு: இது நிலை AA ஐ விட அதிக மாறுபட்ட தேவையாகும் மற்றும் குறிப்பிடத்தக்க பார்வைக் குறைபாடு உள்ள பயனர்களுக்கு ஏற்றது.
• 2.2.3 நேரமின்மை: ஊடாடாத ஒத்திசைக்கப்பட்ட ஊடகம் மற்றும் நிகழ்நேர நிகழ்வுகளைத் தவிர, உள்ளடக்கத்தால் வழங்கப்படும் நிகழ்வு அல்லது செயல்பாட்டின் ஒரு முக்கிய பகுதியாக நேரம் இல்லை. எடுத்துக்காட்டு: ஊடாடும் கூறுகளில் நேர வரம்புகளை இடைநிறுத்த, நிறுத்த அல்லது நீட்டிக்க பயனர்களை அனுமதித்தல்.
• 3.1.3 அசாதாரண வார்த்தைகள்: அசாதாரண அல்லது கட்டுப்படுத்தப்பட்ட வழியில் பயன்படுத்தப்படும் சொற்கள் அல்லது சொற்றொடர்களின் குறிப்பிட்ட வரையறைகளை அடையாளம் காண ஒரு வழிமுறை உள்ளது, இதில் மரபுச்சொற்கள் மற்றும் வாசகங்கள் அடங்கும். எடுத்துக்காட்டு: தொழில்நுட்ப சொற்கள் அல்லது கொச்சைச் சொற்களை விளக்க ஒரு சொற்களஞ்சியம் அல்லது உதவிக்குறிப்புகளை வழங்குதல்.

WCAG 2.1 இணக்கத்திற்கான சோதனை உத்திகள்

WCAG 2.1 இணக்கத்தை உறுதிப்படுத்த முழுமையான சோதனை மிக முக்கியமானது. தானியங்கு மற்றும் கைமுறை சோதனை முறைகளின் கலவை பரிந்துரைக்கப்படுகிறது.

தானியங்கு சோதனை:

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

தானியங்கு சோதனை கருவிகளின் எடுத்துக்காட்டுகள்:

• WAVE (வலை அணுகல்தன்மை மதிப்பீட்டுக் கருவி): அணுகல்தன்மை சிக்கல்கள் குறித்த காட்சி கருத்தை வழங்கும் ஒரு இலவச உலாவி நீட்டிப்பு மற்றும் ஆன்லைன் கருவி.
• AXE (அணுகல்தன்மை இயந்திரம்): தானியங்கு சோதனை பணிப்பாய்வுகளில் ஒருங்கிணைக்கக்கூடிய ஒரு திறந்த மூல ஜாவாஸ்கிரிப்ட் நூலகம்.
• Lighthouse (Google Chrome DevTools): அணுகல்தன்மை உட்பட வலைப்பக்கங்களின் தரத்தை மேம்படுத்துவதற்கான ஒரு தானியங்கு கருவி.
• Tenon.io: விரிவான அணுகல்தன்மை அறிக்கைகளை வழங்கும் மற்றும் பல்வேறு மேம்பாட்டுக் கருவிகளுடன் ஒருங்கிணைக்கும் ஒரு கட்டணச் சேவை.

தானியங்கு சோதனைக்கான சிறந்த நடைமுறைகள்:

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

கைமுறை சோதனை:

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

கைமுறை சோதனை நுட்பங்கள்:

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

மாற்றுத்திறனாளிகளை ஈடுபடுத்துதல்:

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

அணுகல்தன்மை தணிக்கைகள்:

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

அணுகல்தன்மை தணிக்கைகளின் வகைகள்:

• அடிப்படைத் தணிக்கை: ஒரு வலைத்தளத்தின் ஒட்டுமொத்த அணுகல்தன்மையின் விரிவான மதிப்பீடு.
• இலக்குத் தணிக்கை: வலைத்தளத்தின் குறிப்பிட்ட பகுதிகள் அல்லது குறிப்பிட்ட வகை அணுகல்தன்மை சிக்கல்களில் கவனம் செலுத்துகிறது.
• பின்னடைவுத் தணிக்கை: குறியீடு மாற்றங்கள் அல்லது புதுப்பிப்புகளுக்குப் பிறகு புதிய அணுகல்தன்மை சிக்கல்களைச் சரிபார்க்கிறது.

WCAG 2.1 இணக்கத்திற்கான செயல்படுத்தல் உத்திகள்

WCAG 2.1 ஐச் செயல்படுத்துவதற்கு ஒரு செயலூக்கமான மற்றும் முறையான அணுகுமுறை தேவை. இது ஒரு முறை சரிசெய்வது அல்ல, மாறாக உங்கள் மேம்பாட்டு வாழ்க்கைச் சுழற்சியில் ஒருங்கிணைக்கப்பட வேண்டிய ஒரு தொடர்ச்சியான செயல்முறையாகும்.

திட்டமிட்டு முன்னுரிமை அளியுங்கள்:

• ஒரு அணுகல்தன்மைக் கொள்கையை உருவாக்குங்கள்: உங்கள் நிறுவனத்தின் அணுகல்தன்மைக்கான அர்ப்பணிப்பைத் தெளிவாக வரையறுக்கவும்.
• ஆரம்ப அணுகல்தன்மை தணிக்கை நடத்துங்கள்: உங்கள் வலைத்தளத்தின் தற்போதைய அணுகல்தன்மை நிலையை அடையாளம் காணவும்.
• சரிசெய்தல் முயற்சிகளுக்கு முன்னுரிமை அளியுங்கள்: மிக முக்கியமான அணுகல்தன்மை சிக்கல்களை முதலில் தீர்ப்பதில் கவனம் செலுத்துங்கள். நிலை A சிக்கல்கள் நிலை AA க்கு முன்பும், நிலை AA நிலை AAA க்கு முன்பும் தீர்க்கப்பட வேண்டும்.
• ஒரு அணுகல்தன்மை வரைபடத்தை உருவாக்கவும்: WCAG 2.1 இணக்கத்தை அடையவும் பராமரிக்கவும் நீங்கள் எடுக்கும் படிகளை கோடிட்டுக் காட்டுங்கள்.

உங்கள் மேம்பாட்டுப் பணிப்பாய்வுகளில் அணுகல்தன்மையை இணைக்கவும்:

• டெவலப்பர்கள் மற்றும் வடிவமைப்பாளர்களுக்கான அணுகல்தன்மை பயிற்சி: WCAG 2.1 வழிகாட்டுதல்கள் மற்றும் அணுகல்தன்மை சிறந்த நடைமுறைகள் குறித்து பயிற்சி அளிக்கவும்.
• அணுகக்கூடிய குறியீட்டு முறைகளைப் பயன்படுத்தவும்: சொற்பொருள் HTML ஐ எழுதவும், ARIA பண்புக்கூறுகளைப் பொருத்தமாகப் பயன்படுத்தவும், மற்றும் போதுமான வண்ண வேறுபாட்டை உறுதி செய்யவும்.
• அணுகக்கூடிய கூறுகள் மற்றும் நூலகங்களைத் தேர்வு செய்யவும்: அணுகக்கூடியதாக வடிவமைக்கப்பட்ட முன் கட்டப்பட்ட UI கூறுகள் மற்றும் நூலகங்களைப் பயன்படுத்தவும்.
• உங்கள் CI/CD பைப்லைனில் அணுகல்தன்மை சோதனையை ஒருங்கிணைக்கவும்: உங்கள் உருவாக்க செயல்முறையின் ஒரு பகுதியாக அணுகல்தன்மை சோதனையை தானியங்குபடுத்தவும்.
• வழக்கமான அணுகல்தன்மை மதிப்பாய்வுகளை நடத்துங்கள்: உங்கள் வலைத்தளம் அது உருவாகும்போது அணுகக்கூடியதாக இருப்பதை உறுதிப்படுத்த அவ்வப்போது மதிப்பாய்வு செய்யவும்.

உள்ளடக்க உருவாக்க சிறந்த நடைமுறைகள்:

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

உதவித் தொழில்நுட்பக் கருத்தாய்வுகள்:

• ஸ்கிரீன் ரீடர்கள்: உள்ளடக்கம் சொற்பொருளாக கட்டமைக்கப்பட்டுள்ளதா மற்றும் ARIA பண்புக்கூறுகள் சரியாகப் பயன்படுத்தப்படுகின்றனவா என்பதை உறுதிப்படுத்தவும். பல ஸ்கிரீன் ரீடர்களுடன் (NVDA, JAWS, VoiceOver) சோதிக்கவும், ஏனெனில் அவை குறியீட்டை வித்தியாசமாக விளக்குகின்றன.
• ஸ்கிரீன் மேக்னிஃபையர்கள்: மறுபாய்ச்சலுக்கு வடிவமைக்கவும். பெரிதாக்கும்போது தகவல் அல்லது செயல்பாடு இழக்கப்படாமல் உள்ளடக்கம் மாற்றியமைக்கப்பட வேண்டும்.
• குரல் அங்கீகார மென்பொருள் (எ.கா., டிராகன் நேச்சுரலி ஸ்பீக்கிங்): அனைத்து செயல்பாடுகளையும் குரல் கட்டளைகள் மூலம் செயல்படுத்த முடியும் என்பதை உறுதிப்படுத்தவும். படிவக் கூறுகளைப் பொருத்தமாக லேபிளிடவும்.
• மாற்று உள்ளீட்டு சாதனங்கள் (எ.கா., சுவிட்ச் சாதனங்கள்): விசைப்பலகை அணுகல்தன்மை மற்றும் தனிப்பயனாக்கக்கூடிய விசைப்பலகை குறுக்குவழிகளை உறுதிப்படுத்தவும்.

உலகளாவிய கருத்தாய்வுகள்:

• மொழி: உள்ளடக்கத்தின் மொழியைக் குறிப்பிட `lang` பண்புக்கூறு சரியாகப் பயன்படுத்தப்படுவதை உறுதிப்படுத்தவும். பல மொழிகளில் உள்ளடக்கத்திற்கு மொழிபெயர்ப்புகளை வழங்கவும்.
• எழுத்துத் தொகுப்புகள்: பரந்த அளவிலான எழுத்துக்களை ஆதரிக்க UTF-8 குறியாக்கத்தைப் பயன்படுத்தவும்.
• தேதி மற்றும் நேர வடிவங்கள்: சர்வதேச நிலையான தேதி மற்றும் நேர வடிவங்களைப் பயன்படுத்தவும் (எ.கா., ISO 8601).
• நாணயம்: இலக்கு பார்வையாளர்களுக்குப் பொருத்தமான நாணய சின்னங்கள் மற்றும் குறியீடுகளைப் பயன்படுத்தவும்.
• கலாச்சார உணர்திறன்: கலாச்சார வேறுபாடுகளை மனதில் கொண்டு, புண்படுத்தக்கூடிய அல்லது பொருத்தமற்றதாக இருக்கக்கூடிய படங்கள் அல்லது மொழியைப் பயன்படுத்துவதைத் தவிர்க்கவும். எடுத்துக்காட்டாக, சில வண்ணங்கள் அல்லது சின்னங்கள் வெவ்வேறு கலாச்சாரங்களில் வெவ்வேறு அர்த்தங்களைக் கொண்டிருக்கலாம்.

எடுத்துக்காட்டு: அணுகக்கூடிய படிவங்களைச் செயல்படுத்துதல்

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

1. <label> கூறுகளைப் பயன்படுத்தவும்: `for` பண்புக்கூறைப் பயன்படுத்தி படிவ புலங்களுடன் லேபிள்களை இணைக்கவும். இது புலத்தின் நோக்கத்தின் தெளிவான விளக்கத்தை வழங்குகிறது.
2. தேவைப்படும் இடங்களில் ARIA பண்புக்கூறுகளைப் பயன்படுத்தவும்: ஒரு லேபிளை நேரடியாக ஒரு படிவ புலத்துடன் இணைக்க முடியாவிட்டால், கூடுதல் தகவல்களை வழங்க `aria-label` அல்லது `aria-describedby` போன்ற ARIA பண்புக்கூறுகளைப் பயன்படுத்தவும்.
3. தெளிவான பிழைச் செய்திகளை வழங்கவும்: ஒரு பயனர் தவறான தரவை உள்ளிட்டால், பிழையை எவ்வாறு சரிசெய்வது என்று சொல்லும் தெளிவான மற்றும் குறிப்பிட்ட பிழைச் செய்திகளை வழங்கவும்.
4. fieldset மற்றும் legend கூறுகளைப் பயன்படுத்தவும்: தொடர்புடைய படிவ புலங்களைக் குழுவாக்கவும் மற்றும் குழுவின் விளக்கத்தை வழங்கவும் `<fieldset>` மற்றும் `<legend>` கூறுகளைப் பயன்படுத்தவும்.
5. விசைப்பலகை அணுகல்தன்மையை உறுதி செய்யவும்: பயனர்கள் விசைப்பலகை மூலம் மட்டுமே படிவ புலங்கள் வழியாக செல்ல முடியும் என்பதை உறுதிப்படுத்தவும்.

எடுத்துக்காட்டு HTML:

<form>
  <fieldset>
    <legend>Contact Information</legend>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" required><br><br>

    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required aria-describedby="emailHelp"><br>
    <small id="emailHelp">We'll never share your email with anyone else.</small><br><br>

    <button type="submit">Submit</button>
  </fieldset>
</form>

WCAG 2.1 இணக்கத்தைப் பராமரித்தல்

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

வழக்கமான கண்காணிப்பு மற்றும் சோதனை:

• வழக்கமான அணுகல்தன்மை தணிக்கைகளுக்கு ஒரு அட்டவணையை நிறுவவும்.
• உங்கள் மேம்பாட்டுப் பணிப்பாய்வுகளில் தானியங்கு அணுகல்தன்மை சோதனையை ஒருங்கிணைக்கவும்.
• அணுகல்தன்மை சிக்கல்களைப் புகாரளிக்க பயனர்களை ஊக்குவிக்கவும்.
• சமீபத்திய அணுகல்தன்மை வழிகாட்டுதல்கள் மற்றும் சிறந்த நடைமுறைகள் குறித்து புதுப்பித்த நிலையில் இருங்கள்.

பயிற்சி மற்றும் விழிப்புணர்வு:

• உங்கள் வலைத்தளத்தின் மேம்பாடு மற்றும் பராமரிப்பில் ஈடுபட்டுள்ள அனைத்து ஊழியர்களுக்கும் தொடர்ச்சியான அணுகல்தன்மை பயிற்சியை வழங்கவும்.
• உங்கள் நிறுவனம் முழுவதும் அணுகல்தன்மை விழிப்புணர்வை ஊக்குவிக்கவும்.
• உள்ளடக்கம் மற்றும் அணுகல்தன்மையின் கலாச்சாரத்தை ஊக்குவிக்கவும்.

முடிவுரை

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