എല്ലാവരുടെയും ആവശ്യങ്ങൾക്ക് അനുയോജ്യമായ ഒരു സൈറ്റ് ഉപയോഗിച്ച് കൂടുതൽ വായനക്കാരെ ആകർഷിക്കുക
വൈകല്യമുള്ളവർക്കായി നിങ്ങളുടെ വെബ്സൈറ്റ് ആക്സസ് ചെയ്യുമ്പോൾ, നിർമ്മാണം പൂർത്തിയാകുന്നത് എല്ലാവർക്കുമായി ആക്സസ് ചെയ്യാൻ കഴിയും. വാസ്തവത്തിൽ, നിങ്ങളുടെ വെബ്സൈറ്റ് കൂടുതൽ ആക്സസ് ചെയ്യാൻ കഴിയുന്നതിലൂടെ തിരയൽ എഞ്ചിനുകളിൽ നിങ്ങളുടെ വെബ്സൈറ്റ് കണ്ടെത്താൻ ആളുകളെ സഹായിച്ചേക്കാം. എന്തുകൊണ്ട്? നിങ്ങളുടെ വെബ്സൈറ്റിലെ ഉള്ളടക്കം കണ്ടെത്താനും മനസ്സിലാക്കാനും സ്ക്രീൻ റീഡർ ചെയ്യുന്ന അതേ സിഗ്നലുകൾ ചില സെർച്ച് എഞ്ചിനുകൾ ഉപയോഗിക്കുന്നത് കാരണം.
എന്നാൽ ഒരു കോഡിംഗ് വിദഗ്ധൻ ഇല്ലാതെ നിങ്ങൾ എങ്ങനെയാണ് ആക്സസ് ചെയ്യാൻ കഴിയുക?
അടിസ്ഥാന HTML അറിവ് ഉള്ള ഏതൊരാൾക്കും അവരുടെ വെബ്സൈറ്റിന്റെ പ്രവേശനക്ഷമത മെച്ചപ്പെടുത്തുന്നതിന് ചില നുറുങ്ങുകളും തന്ത്രങ്ങളും ഇവിടെയുണ്ട്.
വെബ് ആക്സസബിലിറ്റി ഉപകരണങ്ങൾ
W3C നിങ്ങളുടെ വെബ്സൈറ്റിൽ സാധ്യതയുള്ള പ്രശ്നങ്ങൾ കണ്ടെത്താനായി ഒരു പരിശോധകനായി നിങ്ങൾക്ക് ഉപയോഗിക്കാൻ കഴിയുന്ന വെബ് ആക്സസബിലിറ്റി ഉപകരണങ്ങൾ ഒരു മികച്ച പട്ടിക ഉണ്ട്. ഞാൻ പറഞ്ഞു, ഞാൻ ഒരു സ്ക്രീൻ റീഡർ പര്യവേക്ഷണം ചില സ്വയം അന്വേഷിച്ചു ഞാൻ ഇപ്പോഴും ശുപാർശ.
അനുബന്ധ വായന: എന്താണ് അസിസ്റ്റീവ് സാങ്കേതിക വിദ്യ, അത് എങ്ങനെ പ്രവർത്തിക്കുന്നു?
സ്ക്രീൻ റീഡർ മനസിലാക്കുന്നു
നിങ്ങളുടെ വെബ്സൈറ്റിലെ പ്രവേശനക്ഷമത മെച്ചപ്പെടുത്താൻ കഴിയുന്ന ഏറ്റവും പ്രധാനപ്പെട്ട മാർഗങ്ങളിൽ ഒന്നാണ് ഇത് സ്ക്രീൻ റീഡറുകളാൽ മനസ്സിലാകുന്നതാണെന്ന് ഉറപ്പാക്കാനാണ്. സ്ക്രീൻ വായനക്കാർ സ്ക്രീനിൽ പാഠം വായിക്കാൻ ഒരു സംശ്ലേഷണ ശബ്ദമാണ് ഉപയോഗിക്കുന്നത്. അത് വളരെ ലളിതമാണ്; എന്നിരുന്നാലും, നിങ്ങൾ നിലവിൽ സജ്ജമാക്കിയ രീതിയിലുള്ള സ്ക്രീൻ റീഡർമാർ നിങ്ങളുടെ വെബ്സൈറ്റ് മനസിലാക്കാൻ കഴിഞ്ഞേക്കില്ല.
നിങ്ങൾ ആദ്യം ചെയ്യാൻ ആഗ്രഹിക്കുന്നത് ഒരു സ്ക്രീൻ റീഡർ പരീക്ഷിച്ചു അത് പോകുന്നു എങ്ങനെ കാണുക. നിങ്ങൾ ഒരു മാക്കിൽ ആണെങ്കിൽ, വോയ്സ്ഓവർ ഉപയോഗിച്ച് ശ്രമിക്കുക.
- സിസ്റ്റം മുൻഗണനകളിലേക്ക് പോകുക .
- പ്രവേശനക്ഷമത തിരഞ്ഞെടുക്കുക .
- വോയ്സ് ഓവർ തിരഞ്ഞെടുക്കുക .
- വോയ്സ് ഓവർ പ്രവർത്തനക്ഷമമാക്കാനായി ബോക്സ് ചെക്കുചെയ്യുക .
കമാൻഡ് -5 ഉപയോഗിച്ച് നിങ്ങൾക്ക് അത് ഓണാക്കാനും ഓഫുചെയ്യാനും കഴിയും.
നിങ്ങൾ ഒരു Windows മെഷീനിൽ ആണെങ്കിൽ, നിങ്ങൾക്ക് എന്റെ വിന്റോസ് ഡൌൺലോഡ് ചെയ്യാം. കുറുക്കുവഴി നിയന്ത്രണം + alt + n ഉപയോഗിച്ച് നിങ്ങൾക്ക് ടോഗിൾ ഓണാക്കാനും ഓഫാക്കാനുമാകും.
സ്ക്രീൻ റീഡറുകൾ ഉപയോക്താവിന് കീബോർഡ് ഉപയോഗിച്ച് നാവിഗേറ്റ് അനുവദിക്കുന്നതിലൂടെ പ്രവർത്തിക്കുന്നു (ഇത് അർത്ഥമാക്കുന്നത് - നിങ്ങൾക്ക് കാണാൻ കഴിയുന്നില്ലെങ്കിൽ, ഒരു മൗസ് ഒരു വെല്ലുവിളിയായിരിക്കും) നാവിഗേഷനായി ഫോക്കസ് ഏരിയ സൃഷ്ടിക്കുന്നു. കീബോർഡ് "ചൂണ്ടിക്കാട്ടിയത്" എന്നതിനാൽ പ്രധാനമായും ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു, പക്ഷേ ഇത് കഴ്സറിന് പകരം ഫോക്കസ് ഒബ്ജക്റ്റിനു ചുറ്റുമുള്ള ഹൈലൈറ്റ് ചെയ്ത ഒരു ബോക്സായി സാധാരണയായി ദൃശ്യമാകുന്നു.
സ്ഥിരസ്ഥിതി സജ്ജീകരണങ്ങൾ അരോചകമാണെങ്കിൽ ശബ്ദപാഷും വേഗതയും വേഗത്തിൽ വായിക്കാനും നിങ്ങൾക്ക് കഴിയും (സാധാരണ സ്ലോ വേഡ് വായന കേൾക്കുന്നതിന്റെ 5 മിനിറ്റ് ശേഷവും അവ സാധാരണമാണ്). ബ്ലൈൻഡ് ആളുകൾ സാധാരണയായി സ്ക്രീൻഷോട്ടുകൾ ഉയർന്ന വേഗത്തിൽ സജ്ജീകരിച്ച വെബ്സൈറ്റുകൾ വായിക്കുന്നു.
ഇത് ചെയ്യുന്നതുപോലെ നിങ്ങളുടെ കണ്ണുകൾ അടയ്ക്കുന്നതിന് ഇത് സഹായിച്ചേക്കാം, പക്ഷേ അവ തുറന്നുകാണുകയും താരതമ്യപത്രം നിലനിർത്താൻ സഹായിക്കുകയും ചെയ്തേക്കാം. നിങ്ങളുടെ വെബ്സൈറ്റിന് കേൾക്കാൻ ശ്രമിക്കുമ്പോൾ നിങ്ങൾ ഉടനെ ശ്രദ്ധിക്കുന്ന ചില കാര്യങ്ങൾ വാചകത്തിൽ ചിലതാകാം. ഹെഡ്ഡിംഗുകളും പട്ടികകളും ചേർന്ന് വരാം. ഇമേജുകൾ ഒഴിവാക്കപ്പെടാം അല്ലെങ്കിൽ അവർ "ചിത്രം" അല്ലെങ്കിൽ തുല്യമായി പിന്തുണയ്ക്കാതിരിക്കാമെന്ന് പറയുക. സന്ദർഭങ്ങളില്ലാത്ത ടേബിളുകൾ നിരകളുടെ ഒരു പരമ്പരയായി വായിക്കാറുണ്ട്.
നിങ്ങൾക്ക് ഇത്, ആശയം, പരിഹരിക്കാൻ കഴിയും.
Alt- ടാഗുകൾ അല്ലെങ്കിൽ ഇതര ആട്രിബ്യൂട്ട്
ഒരു ഇമേജ് വിവരിക്കുന്നതിന് alt-tag അല്ലെങ്കിൽ alternative (alt) ആട്രിബ്യൂട്ട് HTML ൽ ഉപയോഗിക്കുന്നു. HTML ൽ, ഇതുപോലൊരു രൂപം കാണുന്നു:
നിങ്ങൾ നിങ്ങളുടെ HTML കോഡ് മറയ്ക്കുന്ന ഒരു ദൃശ്യ ഉപകരണവുമായി നിങ്ങളുടെ വെബ്സൈറ്റ് നിർമ്മിക്കുകയാണെങ്കിൽപ്പോലും ഒരു ഇമേജ് വിവരണം നൽകാൻ നിങ്ങൾക്ക് മിക്കവാറും എല്ലായ്പ്പോഴും അവസരം ലഭിക്കും. നിങ്ങൾക്ക് ഒന്നും നൽകാനില്ല (alt = "") എന്നാൽ ഓരോ ഇമേജും ഒരു സഹായകരമായ വിവരണം നൽകുന്നത് നന്നായിരിക്കും. നിങ്ങൾ അന്ധനായിരുന്നെങ്കിൽ, ആ ചിത്രത്തെക്കുറിച്ച് നിങ്ങൾ എന്ത് അറിഞ്ഞിരിക്കണം? "വുമൺ" വളരെ സഹായമല്ലാതെയല്ല, പക്ഷേ ഒരുപക്ഷേ "പ്രവേശനക്ഷമത, ഉപയോഗക്ഷമത, ബ്രാൻഡിംഗ്, രൂപകൽപ്പന എന്നിവയുൾപ്പെടെയുള്ള വനിത ഡ്രോയിംഗ് ഡിസൈൻ ഫ്ലോർ ചാർട്ട്".
ശീർഷക വാചകം
വെബ്സൈറ്റുകൾ എല്ലായ്പ്പോഴും HTML ശീർഷകം പ്രദർശിപ്പിക്കുന്നില്ല, പക്ഷെ സ്ക്രീൻ റീഡർമാർക്ക് ഇത് സഹായകരമാണ്. നിങ്ങളുടെ ഓരോ വെബ്സൈറ്റിന്റെ പേജും സന്ദർശകരെ അറിയിക്കുന്ന ഒരു വിവരണാത്മക (എന്നാൽ അതിരുകടന്ന ശബ്ദമുണ്ടാകില്ല) ശീർഷകം ഉണ്ടെന്ന് ഉറപ്പുവരുത്തുക.
നിങ്ങളുടെ വെബ്സൈറ്റ് നല്ല വിവരങ്ങൾ ലഭ്യമാക്കുക
തലക്കെട്ടുകളുള്ള വാചകങ്ങളുടെ വലിയ കഷണങ്ങൾ ബ്രേക്ക് ചെയ്യുക, സാധ്യമെങ്കിൽ, H1, H2, H3 ശ്രേണികൾ അനുയോജ്യമായ രീതിയിൽ ഹെഡർകൾ ഉപയോഗിക്കുക . സ്ക്രീൻ റീഡർമാർക്ക് നിങ്ങളുടെ വെബ്സൈറ്റ് എളുപ്പമാക്കുന്നതിന് മാത്രമല്ല, ഇത് എല്ലാവർക്കും എളുപ്പമാക്കുകയും ചെയ്യുന്നു. മികച്ച വെബ്സൈറ്റിനെ നിങ്ങളുടെ വെബ്സൈറ്റിന് സഹായിക്കാൻ ഗൂഗിളിനും മറ്റ് സെർച്ച് എഞ്ചിനുകൾക്കുമായി ഒരു വലിയ സിഗ്നൽ കൂടിയാണ് ഇത്.
സമാനമായി, നിങ്ങളുടെ വെബ്സൈറ്റ് ഒരു ലോജിക്കൽ ഉള്ളടക്ക ഓർഡറിൽ ആണെന്നും നിങ്ങളുടെ ബന്ധമില്ലാത്ത വിവരങ്ങൾ പ്രത്യക്ഷപ്പെടുന്ന ബോക്സുകളില്ലെന്നും നിങ്ങൾ ഉറപ്പാക്കണം. നിങ്ങൾ പരസ്യങ്ങൾ ഉപയോഗിക്കുകയാണെങ്കിൽ, നിങ്ങളുടെ പരസ്യങ്ങൾ അമിതമായി തടസ്സപ്പെടുത്തുകയോ നിങ്ങളുടെ വെബ്സൈറ്റിലെ വാചകം മിക്കപ്പോഴും തുടച്ചുമാറ്റുകയോ ചെയ്യുന്നതായി കാണുക.
മികച്ച ടേബിളുകൾ നിർമ്മിക്കുക
നിങ്ങൾ HTML പട്ടികകൾ ഉപയോഗിക്കുന്നുണ്ടെങ്കിൽ, ബോൾഡ് വാചകത്തിൽ ഒരു ടേബിളിന്റെ ശീർഷകം നിർമ്മിക്കുന്നതിനുപകരം സ്ക്രീൻ റീഡർമാർക്ക് എളുപ്പത്തിൽ മനസിലാക്കാൻ ടാഗുപയോഗിച്ച് നിങ്ങളുടെ പട്ടികകളിൽ അടിക്കുറിപ്പുകൾ ചേർക്കാൻ കഴിയും. നിങ്ങൾക്ക് "സ്കോപ്പ്" ഘടകം ചേർക്കാനും നിങ്ങളുടെ പട്ടികയിലെ പുതിയ വരികളും നിരകളും വ്യക്തമായി ലേബൽ ചെയ്യാനും കഴിയും, അതുവഴി സ്ക്രീൻ വായനക്കാർക്ക് ഒരു സന്ദർഭവും നൽകാതെ പട്ടിക സെല്ലുകളുടെ ഒരു പരമ്പരയിൽ നിന്ന് പിന്മാറുന്നില്ല.
കീബോർഡ് നാവിഗേഷൻ
പൊതുവേ, നിങ്ങൾ നിങ്ങളുടെ വെബ്സൈറ്റിൽ വെച്ചതെന്തും ഒരാൾ ഒരു കീബോർഡ് മാത്രം ഉപയോഗിക്കാവുന്ന ഒന്നാണ്. നിങ്ങൾക്ക് ഒരു സ്ക്രീൻ റീഡറിൽ ഉപയോഗിക്കാൻ കഴിയില്ലെങ്കിൽ നിങ്ങളുടെ നാവിഗേഷൻ ബട്ടണുകൾ ഡ്രോപ്ഡൌൺ ബട്ടണുകൾ ആക്കി മാറ്റാനാകില്ല. (ഇത് പരീക്ഷിച്ച് നിങ്ങൾക്ക് ഉറപ്പില്ലെങ്കിൽ - ചില ബട്ടൺ കീബോർഡ് ഉപയോഗത്തിനായി പ്രോഗ്രാം ചെയ്യുന്നു.)
അടച്ച അടിക്കുറിപ്പുകൾ
നിങ്ങളുടെ വെബ്സൈറ്റിലേക്ക് നിങ്ങൾ വീഡിയോകളോ ഓഡിയോ ഘടകങ്ങളോ ചേർക്കുന്നെങ്കിൽ, അവർക്ക് അടിക്കുറിപ്പുകൾ ഉണ്ടായിരിക്കണം. HTML5, നിരവധി വീഡിയോ സ്ട്രീമിംഗ് സേവനങ്ങൾ (YouTube പോലുള്ളവ) അടച്ച അടിക്കുറിപ്പ് പിന്തുണ വാഗ്ദാനം ചെയ്യുന്നു. പ്രവേശനക്ഷമതയ്ക്കായി മാത്രമല്ല, നിങ്ങളുടെ ഓഫീസ് ഓഫീസിലോ അല്ലെങ്കിൽ ശബ്ദമയമായ സ്ഥലത്തെയോ പോലെ ഓഡിയോ പ്ലേ ചെയ്യാൻ കഴിയാത്ത നിങ്ങളുടെ വെബ്സൈറ്റ് ബ്രൗസുചെയ്യുന്ന ഉപയോക്താക്കൾക്കും അടച്ച അടിക്കുറിപ്പുകൾ ഉപയോഗപ്രദമാണ്.
പോഡ്കാസ്റ്റുകളോ മറ്റ് ഓഡിയോ ഘടകങ്ങളോ, ഒരു ടെക്സ്റ്റ് ട്രാൻസ്ക്രിപ്റ്റ് നൽകുന്നത് പരിഗണിക്കുക. ഓഡിയോയിലേക്ക് കേൾക്കാൻ കഴിയാത്തവർക്ക് ഇത് ഉപകാരപ്രദമാകുമെന്നതിനാൽ, Google ഉം മറ്റ് തിരയൽ എഞ്ചിനുകളും ഉള്ളടക്കം ആ ഉള്ളടക്കം ഇൻഡക്സ് ചെയ്യുന്നതിനും നിങ്ങളുടെ Google റാങ്കിംഗിൽ സഹായിക്കുന്നതിനും ഇത് സഹായിക്കുന്നു .
ARIA
നിങ്ങൾക്ക് പ്രവേശനക്ഷമതയുടെ വിപുലമായ നിലയിലേക്ക് പോകണമെങ്കിൽ, HTML5 ARIA അല്ലെങ്കിൽ WAI-ARIA സ്പെസിഫിക്കേഷനുകൾ മുന്നോട്ടുപോകുന്ന പുതിയ സ്റ്റാൻഡേർഡുകൾ ലക്ഷ്യമിടുന്നു. എന്നിരുന്നാലും, ഇത് ഒരു സങ്കീർണ്ണവും (പരിണമിച്ചുകൊണ്ടിരിക്കുന്ന) സാങ്കേതിക മാനുവലും ആണ്, അതിനാൽ നിങ്ങളുടെ വെബ്സൈറ്റിന് എന്തെങ്കിലും പ്രശ്നമുണ്ടോ എന്ന് പരിശോധിക്കാൻ ഒരു സ്കാൻ ചെയ്യാൻ ARIA Validator ഉപയോഗിക്കുക. മോസില്ല കൂടാതെ എ.യു.ഐ.എ.യോടെ ആരംഭിക്കുന്നതിനുള്ള കൂടുതൽ സഹായകമായ മാർഗ്ഗനിർദ്ദേശങ്ങളും മോസില്ലയിൽ ഉണ്ട്.