വെബ് ആക്‌സസിബിലിറ്റി ചെക്കർ – WCAG

വെബ് ആക്‌സസിബിലിറ്റി ചെക്കർ WCAG 2.2 അനുസരിച്ച്: കളർ കോൺട്രാസ്റ്റ്, ആൾട്ട് ടെക്സ്റ്റ്, ഹെഡ്ഡിംഗുകൾ, കളർ ബ്ലൈൻഡ്നസ് സിമുലേറ്റർ.

🔍 വെബ് ആക്‌സസിബിലിറ്റി ചെക്കർ, WCAG 2.0, 2.1, 2.2 അനുസരിച്ച് വെബ് ആക്‌സസിബിലിറ്റി ചെക്കർ ബ്രൗസറിലെ ഏതു ടാബിനെയും ഒരു ഓഡിറ്റ് മേശയാക്കി മാറ്റുന്നു. സൈഡ് പാനൽ തുറക്കുക, പേജ് സ്കാൻ ചെയ്യുക, ഓരോ പിഴവും നിയമമനുസരിച്ച് കൂട്ടമായി വായിക്കുക: അളന്ന മൂല്യം ആവശ്യമായ പരിധിക്കു തൊട്ടരികിൽ, കാരണവും തിരുത്തും ഒട്ടിക്കാൻ തയ്യാറായ കോഡ് മാതൃകയും ചേർത്ത്. ബോണറ്റിനടിയിൽ ഈ വെബ് ആക്‌സസിബിലിറ്റി ചെക്കർ axe-core 4.13 ഓടിക്കുന്നു, ഒപ്പം സ്വന്തം നിയമ പാളിയും, ഏതാണ്ട് ഒരു ഉപകരണവും ഇതുവരെ തൊടാത്ത WCAG 2.2 മാനദണ്ഡങ്ങൾക്കായി: ലക്ഷ്യത്തിന്റെ വലുപ്പം, ഫോക്കസ് മറയാതിരിക്കൽ, പ്രാപ്യമായ ആധികാരികത, വാചക അകലം, റീഫ്ലോ. മിക്കവരും പുറത്തിറക്കുന്നതിനു മുൻപ് ഒരൊറ്റ ചോദ്യത്തിനായാണ് വെബ് ആക്‌സസിബിലിറ്റി ചെക്കർ സ്ഥാപിക്കുന്നത്: എന്ത് പരാജയപ്പെടും, കൃത്യമായി എവിടെ. ഉത്തരം രണ്ടു സെക്കൻഡിൽ എത്തും, ഇപ്പോൾത്തന്നെ തുറന്നിരിക്കുന്ന പേജിൽ, ബിൽഡ് ഘട്ടമില്ലാതെ, ക്ലൗഡ് ക്രാളറിന്റെ ക്യൂവിൽ കാത്തുനിൽക്കാതെ. ✅ ഓരോ സ്കാനും ഉൾക്കൊള്ളുന്നത് ➤ സാധാരണ വാചകം, വലിയ വാചകം, വാചകേതര ഘടകങ്ങളുടെ കോൺട്രാസ്റ്റ് ➤ ബദൽ വാചകം, അലങ്കാര ചിത്രങ്ങൾ, മറ്റെവിടെയോ വിവരിച്ച ചിത്രങ്ങൾ ➤ തലക്കെട്ട് ഘടന, ലാൻഡ്മാർക്കുകൾ, പേജിന്റെ ഭാഷ, രേഖയുടെ തലക്കെട്ട് ➤ ഫോം ലേബലുകൾ, ലിങ്ക് വാചകം, പട്ടികകൾ, സബ്ടൈറ്റിൽ, വീഡിയോ ബദൽ ➤ ടാബ് ക്രമം, ഫോക്കസ് സൂചകം, കീബോർഡ് കെണികൾ, ലക്ഷ്യ വലുപ്പം 📐 അതിന് അറിയാവുന്ന മാനദണ്ഡങ്ങൾ ഒരു ഫലം ഉപകാരപ്പെടുന്നത്, നിങ്ങളെ അളക്കാൻ പോകുന്ന നിയമത്തിന്റെ പേര് പറയുമ്പോൾ മാത്രമാണ്, അതുകൊണ്ട് ഓരോ കണ്ടെത്തലും അതിന്റെ വിജയ മാനദണ്ഡവും തലവും പതിപ്പും ചുമന്നു വരുന്നു. 1. WCAG 2.0, 2.1, 2.2 എന്നിവയുടെ A, AA, AAA തലങ്ങൾ 2. GIGW 3.0 ഉം ഭിന്നശേഷി അവകാശ നിയമം 2016 ഉം 3. യൂറോപ്പിന് EN 301 549 ഉം European Accessibility Act ഉം 4. വടക്കേ അമേരിക്കയ്ക്ക് Section 508, ADA Title III, AODA 🎨 കോൺട്രാസ്റ്റ് രണ്ടു വഴിക്ക് അളക്കുന്നു ഡ്രോപ്പർ കൊണ്ട് രണ്ടു നിറം എടുക്കുക, നേരിട്ട് മാറ്റുക, WCAG അനുപാതം APCA Lc മൂല്യത്തിനരികിൽ കാണുക. കോൺട്രാസ്റ്റ് കാൽക്കുലേറ്റർ സാധാരണ വാചകത്തിനും വലിയ വാചകത്തിനും വാചകേതര ഘടകങ്ങൾക്കും ഒരേസമയം വിധി നൽകുന്നു, അതിനാൽ WCAG 2.1 AA ഫലം കർശനമായ WCAG AAA ഫലത്തിൽ നിന്ന് ഒരു നോട്ടം അകലെ നിൽക്കുന്നു. APCA എന്നത് WCAG 3.0 ചുറ്റിപ്പറ്റി പരിശോധിക്കുന്ന പുതിയ രീതിയാണ്. 🕶 ജീവനുള്ള പേജിൽ കാഴ്ചയുടെ അനുകരണം 1️⃣ എട്ടു തരം വർണ കാഴ്ച, പ്രോട്ടനോപിയ മുതൽ അക്രോമാറ്റോപ്സിയ വരെ 2️⃣ കുറഞ്ഞ കാഴ്ച, തിമിരം, ഗ്ലോക്കോമ യഥാർഥ വിന്യാസത്തിനു മുകളിൽ 3️⃣ അടങ്ങിനിൽക്കാത്ത വാചകത്തിനുള്ള വായനാ ബുദ്ധിമുട്ട് മോഡ് വർണാന്ധത സിമുലേറ്റർ സ്ക്രീൻഷോട്ടിലല്ല, പേജിൽത്തന്നെ പ്രവർത്തിക്കുന്നു, അതുകൊണ്ട് ഹോവർ അവസ്ഥകളും ഗ്രാഫുകളും വീഡിയോ പുറംചട്ടകളും അവലോകനത്തിൽ വരും. 🧭 DOM വായിക്കാതെ പ്രശ്നം കണ്ടെത്തുക - Locate മാനദണ്ഡം എഴുതിയ ഫലകം തെറ്റായ ഘടകത്തിൽ നേരിട്ട് കുത്തുന്നു - തലക്കെട്ടുകളുടെയും ലാൻഡ്മാർക്കുകളുടെയും ഭൂപടം യഥാർഥ ഘടന വരയ്ക്കുന്നു - ഫോക്കസ് ക്രമം കീബോർഡ് ശരിക്കും നടക്കുന്ന വഴിയിൽ അക്കമിടുന്നു - ബദൽ വാചകം ഓരോ ചിത്രത്തിനരികിലും കാണാം, അലങ്കാരമായവയ്ക്കും 📄 ഓഡിറ്റ് അവസാനിക്കുന്ന ഫലങ്ങൾ പരിശോധന പണിയുടെ പകുതി മാത്രം. താഴെയുള്ളതെല്ലാം അതേ ഒരു സ്കാനിൽ നിന്നു വരുന്നു, അതിനാൽ നിങ്ങൾ കൈമാറുന്ന ആക്‌സസിബിലിറ്റി റിപ്പോർട്ട് നിങ്ങൾ പരിശോധിച്ച ടാബുമായി ചേരുന്നു. 📊 സ്വന്തം മുദ്രയുള്ള HTML റിപ്പോർട്ട്, നേരെ PDF ആയി അച്ചടിക്കാം 🧾 ടിക്കറ്റ്, ബോർഡ്, പൈപ്പ്‌ലൈൻ എന്നിവയ്ക്ക് CSV ഉം JSON ഉം ✍ സ്വന്തം സൈറ്റിനുള്ള ആക്‌സസിബിലിറ്റി പ്രസ്താവനയുടെ കരട് 📋 സംഭരണത്തിനും ടെൻഡറിനും VPAT ശൈലിയിലുള്ള പട്ടിക തിങ്കളാഴ്ച ആക്‌സസിബിലിറ്റി പ്രസ്താവന ജനറേറ്റർ, വെള്ളിയാഴ്ച അനുരൂപ്യ റിപ്പോർട്ടിന്റെ ഉറവിടം. 🌐 ഒരു പേജിനപ്പുറം വെബ് ആക്‌സസിബിലിറ്റി പരിശോധന ഒരേ ഉറവിടത്തിലെ പേജുകൾ ഒറ്റ ചുറ്റിൽ കടന്നുപോകുക, ചരിത്രം സൂക്ഷിക്കുക, രണ്ടു ഓട്ടം താരതമ്യം ചെയ്ത് എന്തു പൊട്ടി, എന്തു നന്നായി എന്നു കാണുക. ഒറ്റത്തവണ പരിശോധന ഓരോ പുറത്തിറക്കലിനും മുൻപുള്ള റിഗ്രഷൻ പരിശോധനയായി മാറുന്നു, നിരീക്ഷണ ഉപകരണത്തിൽ നിന്ന് പ്രതീക്ഷിക്കുന്നതും ഇതുതന്നെ. ✦ ഈ പാനൽ പിൻ ചെയ്തു കിടക്കുന്നതിന്റെ കാരണം ✦ ഓരോ കണ്ടെത്തലും അളവു കാണിക്കുന്നു, മങ്ങിയ ഗൗരവ വാക്കല്ല ✦ മാർഗനിർദേശം തിരുത്തൽ വിശദീകരിക്കുന്നു, നിയമത്തിന്റെ പേരു മാത്രമല്ല ✦ എല്ലാം കയറ്റുമതി ചെയ്യാം, ആരും കൈകൊണ്ട് റിപ്പോർട്ട് കൂട്ടുന്നില്ല ✦ പാനൽ സ്വയം WCAG 2.2 AA തലത്തിൽ സ്വന്തം ഓഡിറ്റ് കടക്കുന്നു 🔒 രൂപകൽപ്പനയാൽത്തന്നെ സ്വകാര്യം പേജിന്റെ ഉള്ളടക്കമോ വിലാസങ്ങളോ ഫലങ്ങളോ ഒന്നും കമ്പ്യൂട്ടറിൽ നിന്നു പുറത്തുപോകുന്നില്ല. നെറ്റ്‌വർക്ക് വിളിയില്ലാത്ത സ്കാനർ ക്ലൗഡ് സ്കാനറുകൾ ഒരിക്കലും കാണാത്തിടത്ത് എത്തുന്നു: സ്റ്റേജിംഗ്, ഇൻട്രാനെറ്റ്, അകത്തെ ബിൽഡുകൾ. അക്കൗണ്ടില്ലാതെ, രജിസ്ട്രേഷനില്ലാതെ, കണക്ഷനില്ലാതെ. 👥 മുഴുവൻ ടീമിനുവേണ്ടി പണിതത് കോഡ് അവലോകനത്തിനു മുൻപ് വൃത്തിയാക്കുന്ന ഡെവലപ്പർമാർ, നിറത്തീരുമാനങ്ങൾ പരിശോധിക്കുന്ന ഡിസൈനർമാർ, സ്പ്രിന്റിനുള്ളിൽ ആക്‌സസിബിലിറ്റി പരിശോധന നടത്തുന്ന QA, ഉപഭോക്തൃ രേഖകൾ ഉണ്ടാക്കുന്ന ഏജൻസികൾ, പേജ് പുറത്തുപോകണോ എന്നു തീരുമാനിക്കുന്ന എഡിറ്റർമാർ. റെൻഡർ ചെയ്ത ഏതു പേജും മതി. ⚡ ഫലത്തിലേക്ക് മൂന്നു ചുവട് → Alt+Shift+A അമർത്തി സ്കാൻ പേജിലുടനീളം ഓടാൻ വിടുക → പട്ടിക തീർക്കുക, ഘടകം കണ്ടെത്തുക, തിരുത്തുക, വീണ്ടും സ്കാൻ ചെയ്യുക → റിപ്പോർട്ടോ പ്രസ്താവനയോ അനുരൂപ്യ പട്ടികയോ കയറ്റുമതി ചെയ്യുക ⚖ സ്വന്തം പരിധിയെക്കുറിച്ച് സത്യസന്ധം സ്വയംപ്രവർത്തക ഉപകരണങ്ങൾ WCAG വിജയ മാനദണ്ഡങ്ങളിൽ ഏകദേശം മൂന്നിലൊന്നു വരെ എത്തുന്നു, ഓരോ സ്കോറും ഓരോ കരടും അതു മുഖത്തുനോക്കി പറയുന്നു. യന്ത്രം കാണുന്നത് വേഗം തീർക്കുക, മണിക്കൂറുകൾ ഒരു ഓട്ടോമാറ്റിക് ഉപകരണത്തിനും നൽകാനാവാത്ത വിധിന്യായങ്ങൾക്കായി മാറ്റിവയ്ക്കുക. ഓഡിറ്റിനു സഹായം, ഒരിക്കലും സർട്ടിഫിക്കറ്റല്ല. ⌨ പത്തു സെക്കൻഡിൽ തയ്യാർ എക്സ്റ്റൻഷൻ പിൻ ചെയ്യുക, ഏതു പേജും തുറക്കുക, Alt+Shift+A അമർത്തുക. ബിൽഡില്ല, പരിചയപ്പെടുത്തലില്ല, ട്രയൽ ഘടികാരമില്ല. പാനൽ പതിനഞ്ചു ഭാഷ സംസാരിക്കുന്നു.