ആക്സസ് ചെയ്യാവുന്ന രൂപകൽപ്പനയിൽ വർണ്ണ കോൺട്രാസ്റ്റിന്റെ പ്രാധാന്യം ഒരു യഥാർത്ഥ ലോക വീക്ഷണം
Arjun പ്രസിദ്ധീകരിച്ചത്
•
2026 ജൂലൈ 4 ന് പ്രസിദ്ധീകരിച്ചു
നല്ല നിറങ്ങളുടെ തിരഞ്ഞെടുപ്പുകൾ വെറുമൊരു ബ്രാൻഡിംഗ് തീരുമാനമല്ല. ആളുകൾക്ക് നിങ്ങളുടെ ബട്ടണുകൾ, നോട്ടീസുകൾ, ഫോമുകൾ, ചാർട്ടുകൾ, ദൈനംദിന വെബ്സൈറ്റ് ഉള്ളടക്കം എന്നിവ കണ്ണുചിമ്മാതെയോ ഊഹിക്കാതെയോ വായിക്കാൻ കഴിയുമോ എന്നതിനെ അവ ബാധിക്കുന്നു.
WCAG കളർ കോൺട്രാസ്റ്റ് ചെക്കർ
പൂർണ്ണ ആപ്പ് കാണുകആക്സസ് ചെയ്യാവുന്ന രൂപകൽപ്പനയിൽ വർണ്ണ കോൺട്രാസ്റ്റിന്റെ പ്രാധാന്യം ഒരു യഥാർത്ഥ ലോക വീക്ഷണം
ഒരു നല്ല കളർ പാലറ്റിന് ഒരു സൈറ്റിനെ മൂന്ന് സെക്കൻഡിനുള്ളിൽ മിനുസപ്പെടുത്തിയതായി തോന്നിപ്പിക്കാൻ കഴിയും. ഒരു മോശം കളർ പാലറ്റ് അതേ സൈറ്റിനെ ഒരു മങ്ങിയ റസ്റ്റോറന്റിലെ ഗൃഹപാഠം പോലെ തോന്നിപ്പിക്കും. കൂടാതെ, ഒരു പാലറ്റ് ഒരു ഡിസൈൻ മോക്കപ്പിൽ മനോഹരമായി കാണപ്പെടുകയും യഥാർത്ഥ സ്ക്രീനുകളിൽ എത്തിക്കഴിഞ്ഞാലും വായിക്കാൻ ബുദ്ധിമുട്ടായിരിക്കുകയും ചെയ്യും, വിലകുറഞ്ഞ ലാപ്ടോപ്പുകൾ, തിളക്കമുള്ള സൂര്യപ്രകാശം, പഴയ ഫോണുകൾ, ക്ഷീണിച്ച കണ്ണുകൾ, ഡാർക്ക് മോഡ്, ഉയർന്ന സൂം, ആളുകൾ യഥാർത്ഥത്തിൽ ഉപയോഗിക്കുന്ന എല്ലാ സാധാരണ കാര്യങ്ങളും.
വർണ്ണ ആക്സസിബിലിറ്റി പ്രധാനമായും ആളുകൾക്ക് കാര്യങ്ങൾ വേർതിരിച്ചറിയാൻ കഴിയുമെന്ന് ഉറപ്പാക്കുക എന്നതാണ്. പശ്ചാത്തലത്തിൽ നിന്നുള്ള വാചകം. പതിവ് സഹായ വാചകത്തിൽ നിന്നുള്ള പിശക് സന്ദേശങ്ങൾ. സജീവമായ ഒന്നിൽ നിന്ന് പ്രവർത്തനരഹിതമാക്കിയ ബട്ടൺ. മറ്റൊരു ചാർട്ട് വരിയിൽ നിന്ന് ഒരു ചാർട്ട് വരി. ഇത് ലളിതമായി തോന്നുന്നു, തുടർന്ന് ആരെങ്കിലും ഇളം ചാരനിറത്തിലുള്ള വാചകം തിരഞ്ഞെടുത്ത് അത് "ഗംഭീരമായി തോന്നുന്നു", പെട്ടെന്ന് പകുതി പേജ് മന്ത്രിക്കുന്നു.
ഒരു യഥാർത്ഥ സാഹചര്യം ഇതാ. ഒരു ചെറിയ ഫിറ്റ്നസ് സ്റ്റുഡിയോ പുതിയ ക്ലാസ് ബുക്കിംഗ് പേജ് ആരംഭിക്കുന്നു. ബ്രാൻഡ് നിറങ്ങൾ സോഫ്റ്റ് പീച്ച്, ക്രീം, സേജ് ഗ്രീൻ, വാം ഗ്രേ എന്നിവയാണ്. വളരെ ശാന്തം, വളരെ മനോഹരം. ഡിസൈനറുടെ മോണിറ്ററിൽ, "ഇപ്പോൾ ബുക്ക് ചെയ്യുക" ബട്ടൺ മനോഹരമായി കാണപ്പെടുന്നു: സേജ് പശ്ചാത്തലം, വെളുത്ത വാചകം. ക്ലാസ് വിവരണങ്ങൾ ക്രീമിൽ വാം ഗ്രേ നിറത്തിലാണ് ഉപയോഗിക്കുന്നത്. ചുവപ്പ് വളരെ കടുപ്പമായി തോന്നിയതിനാൽ പിശക് സന്ദേശങ്ങൾ പീച്ച് നിറത്തിലാണ്. അപ്പോൾ ഉടമയ്ക്ക് സന്ദേശങ്ങൾ ലഭിക്കാൻ തുടങ്ങുന്നു. "ഏതൊക്കെ ക്ലാസുകൾ നിറഞ്ഞിരിക്കുന്നുവെന്ന് എനിക്ക് കാണാൻ കഴിയുന്നില്ല." "ബട്ടൺ പ്രവർത്തനരഹിതമായി കാണപ്പെടുന്നു." "ഫോം പിശക് എവിടെയാണ്?" ആരും നാടകീയമായി പെരുമാറുന്നില്ല. പേജ് സാങ്കേതികമായി അവിടെയുണ്ട്, പക്ഷേ ദൃശ്യപരമായി അത് എല്ലാം വളരെ നിശബ്ദമായി ചെയ്യുന്നു.
നിറങ്ങളിൽ നിന്നല്ല, ജോലികളിൽ നിന്നാണ് തുടങ്ങേണ്ടത്.
ഷേഡുകൾ തിരഞ്ഞെടുക്കുന്നതിന് മുമ്പ്, നിങ്ങളുടെ നിറങ്ങൾ എന്തൊക്കെ ചെയ്യണമെന്ന് പട്ടികപ്പെടുത്തുക. ഇത് വിരസമാണ്, അതെ. ഇത് പിന്നീട് പാലറ്റ് കുഴപ്പങ്ങളിൽ നിന്ന് നിങ്ങളെ രക്ഷിക്കുകയും ചെയ്യും.
- ബോഡി ടെക്സ്റ്റ്: ഒരു സാമ്പിൾ വാക്യത്തിൽ ഭംഗിയുള്ളത് മാത്രമല്ല, ദീർഘനേരം വായിക്കാൻ കഴിയുന്നതായിരിക്കണം.
- തലക്കെട്ടുകൾ: കൂടുതൽ വ്യക്തിത്വം ഉണ്ടായിരിക്കാം, പക്ഷേ വ്യക്തമായ വ്യത്യാസം ആവശ്യമാണ്.
- ലിങ്കുകൾ: നിറത്തെ മാത്രം ആശ്രയിക്കാതെ, ചുറ്റുമുള്ള വാചകത്തിൽ നിന്ന് വേറിട്ടു നിൽക്കണം.
- ബട്ടണുകൾ: ദൃശ്യമായ വാചകം, ദൃശ്യമായ അതിരുകൾ, വ്യക്തമായ ഒരു ഹോവർ അല്ലെങ്കിൽ ഫോക്കസ് അവസ്ഥ എന്നിവ ആവശ്യമാണ്.
- പിശകുകളും മുന്നറിയിപ്പുകളും: വ്യക്തമായിരിക്കണം, പക്ഷേ ചുവപ്പ് അല്ലെങ്കിൽ ഓറഞ്ച് നിറങ്ങളെ മാത്രം ആശ്രയിക്കരുത്.
- വിജയ സന്ദേശങ്ങൾ: അതേ കാര്യം, പച്ചപ്പ് മാത്രം പോരാ.
- ചാർട്ടുകളും ലേബലുകളും: നിറങ്ങൾക്കിടയിൽ മതിയായ വ്യത്യാസം ആവശ്യമാണ്, പലപ്പോഴും പാറ്റേണുകളോ ലേബലുകളോ ആവശ്യമാണ്.
ഓരോ നിറത്തിനും ഒരു ജോലി ലഭിച്ചുകഴിഞ്ഞാൽ, "ഇത് നന്നായി കാണുന്നുണ്ടോ?" എന്ന ചോദ്യം മാത്രം എന്ന നിലയിൽ നിങ്ങൾ ചോദിക്കുന്നത് നിർത്തും. "ഇതിന് ജോലി ചെയ്യാൻ കഴിയുമോ?" എന്ന് നിങ്ങൾ ചോദിക്കും. വളരെ മികച്ച ചോദ്യം.
ഒരു ചെറിയ പാലറ്റ് ഉപയോഗിക്കുക, തുടർന്ന് ആക്സസ് ചെയ്യാവുന്ന ജോഡികൾ സൃഷ്ടിക്കുക.
അഞ്ച് ബ്രാൻഡ് നിറങ്ങൾ തിരഞ്ഞെടുത്ത് അവയെല്ലാം ഏതെങ്കിലും സംയോജനത്തിൽ ഒരുമിച്ച് പ്രവർത്തിക്കുമെന്ന് കരുതുക എന്നതാണ് ഒരു പൊതു തെറ്റ്. സാധാരണയായി അവ അങ്ങനെ ചെയ്യില്ല. വെള്ളയിൽ ഇളം നീല, ക്രീമിൽ മഞ്ഞ, കടും പച്ചയിൽ ഇടത്തരം ചാരനിറം, എല്ലാം സാങ്കേതികമായി "ബ്രാൻഡിൽ", എല്ലാം വേദനാജനകമാകാൻ സാധ്യതയുണ്ട്.
കൂടുതൽ പ്രായോഗികമായ ഒരു മാർഗം: വിശ്വസനീയമായ കുറച്ച് വർണ്ണ ജോഡികൾ തിരഞ്ഞെടുക്കുക. നിറങ്ങൾ മാത്രമല്ല. ജോഡികൾ. ഉദാഹരണത്തിന്, നിങ്ങളുടെ ഇരുണ്ട നേവി വെളുത്ത വാചകവുമായി നന്നായി പ്രവർത്തിച്ചേക്കാം. നിങ്ങളുടെ ക്രീം ചാർക്കോൾ വാചകവുമായി നന്നായി പ്രവർത്തിച്ചേക്കാം. നിങ്ങളുടെ തിളക്കമുള്ള ഓറഞ്ച് ബോർഡറുകൾക്കോ ഐക്കണുകൾക്കോ മികച്ചതായിരിക്കാം, പക്ഷേ വെളുത്ത പകർപ്പിന് പിന്നിലെ പശ്ചാത്തലമായി ഉപയോഗിക്കരുത്. അത് കുഴപ്പമില്ല. എല്ലാ നിറങ്ങളും എല്ലാ ജോലിയും ചെയ്യേണ്ടതില്ല.
റോളുകളുടെ കാര്യത്തിൽ ചിന്തിക്കുക:
- പ്രാഥമിക പശ്ചാത്തലം: പലപ്പോഴും വെള്ള, ഓഫ്-വൈറ്റ്, വളരെ കടും ചാരനിറം, അല്ലെങ്കിൽ മറ്റ് ശാന്തമായ അടിത്തറ.
- പ്രധാന വാചകം: സാധാരണയായി ഇളം പശ്ചാത്തലങ്ങളിൽ കറുപ്പിനോടടുത്ത്, അല്ലെങ്കിൽ ഇരുണ്ട പശ്ചാത്തലങ്ങളിൽ വെള്ളക്കോടടുത്ത്.
- ആക്സന്റ് നിറം: ബട്ടണുകൾ, ഹൈലൈറ്റുകൾ, സജീവ അവസ്ഥകൾ, ചെറിയ പ്രദേശങ്ങൾ എന്നിവയ്ക്ക് ഉപയോഗപ്രദമാണ്.
- പിന്തുണാ നിറങ്ങൾ: അലേർട്ടുകൾ, ടാഗുകൾ, ചാർട്ട് വിഭാഗങ്ങൾ, അലങ്കാര നിമിഷങ്ങൾ എന്നിവയ്ക്കായി.
ഒരു സോഫ്റ്റ് ബ്രാൻഡ് നിറത്തിന് വായിക്കാൻ കഴിയുന്ന ടെക്സ്റ്റ് ഉൾക്കൊള്ളാൻ കഴിയുന്നില്ലെങ്കിൽ, അത് നിർബന്ധിക്കരുത്. ഇരുണ്ട ടെക്സ്റ്റുള്ള ഒരു പശ്ചാത്തല പാനലായി ഉപയോഗിക്കുക. അല്ലെങ്കിൽ ഒരു ബോർഡർ. അല്ലെങ്കിൽ ശക്തമായ ഒരു ലേബലിന് പിന്നിൽ ഒരു ചെറിയ ബാഡ്ജ്. നിറങ്ങൾക്ക് വികാരങ്ങളില്ല, അവ തരംതാഴ്ത്തപ്പെടുന്നതിൽ പ്രശ്നമില്ല.
നിറത്തെ മാത്രം ആശ്രയിക്കരുത്
ഇത് നിരന്തരം പ്രത്യക്ഷപ്പെടാറുണ്ട്. ഒരു ഫോമിൽ ആവശ്യമായ ഫീൽഡുകൾ ചുവപ്പ് നിറത്തിലാണ് പറയുന്നത്. ഒരു കലണ്ടറിൽ ലഭ്യമല്ലാത്ത തീയതികൾ ചാരനിറത്തിലാണെന്നും പറയുന്നു. ഒരു ഡാഷ്ബോർഡിൽ താഴേക്ക് പോകുന്ന നമ്പറുകൾ ചുവപ്പാണെന്നും മുകളിലോട്ട് പോകുന്ന നമ്പറുകൾ പച്ചയാണെന്നും പറയുന്നു. ചില ഉപയോക്താക്കൾക്ക്, ചിലപ്പോൾ അത് പ്രവർത്തിച്ചേക്കാം. എന്നാൽ വർണ്ണ കാഴ്ച വ്യത്യാസങ്ങൾ, കുറഞ്ഞ കാഴ്ചശക്തി, സ്ക്രീനിലെ തിളക്കം, അല്ലെങ്കിൽ കറുപ്പും വെളുപ്പും നിറത്തിലുള്ള പ്രിന്റൗട്ട് എന്നിവയുള്ള ആളുകൾക്ക്, അർത്ഥം അപ്രത്യക്ഷമായേക്കാം.
രണ്ടാമത്തെ സൂചന കൂടി ചേർക്കുക. വാചകം, ഐക്കണുകൾ, പാറ്റേണുകൾ, ലേബലുകൾ, അടിവരകൾ, കനം, സ്ഥാനം എന്നിവ ഉപയോഗിക്കുക. പിശക് ഫീൽഡിൽ "ഇമെയിൽ വിലാസം ആവശ്യമാണ്" എന്ന് പറയുന്ന ഒരു സന്ദേശം ഉണ്ടായിരിക്കാം. ലഭ്യമല്ലാത്ത തീയതിയിൽ "പൂർണ്ണം" അല്ലെങ്കിൽ ഒരു സ്ലാഷ് പാറ്റേൺ ഉൾപ്പെടാം. ഖണ്ഡികകളിലെ ലിങ്കുകൾ സാധാരണയായി അടിവരയിടണം, കാരണം ചുറ്റുമുള്ള വാചകവും ഇരുണ്ടതായിരിക്കുമ്പോൾ നീല മാത്രം എളുപ്പത്തിൽ നഷ്ടപ്പെടും.
ചെറിയ കാര്യം, വലിയ വ്യത്യാസം.
"ഏതാണ്ട് വായിക്കാൻ കഴിയുന്ന" നിറങ്ങൾ കാണുക
ഏറ്റവും മോശം ആക്സസിബിലിറ്റി പ്രശ്നങ്ങൾ എല്ലായ്പ്പോഴും നാടകീയമായ നിയോൺ ദുരന്തങ്ങളല്ല. മിക്കപ്പോഴും ഇത് വായിക്കാൻ കഴിയുന്ന കാര്യങ്ങളാണ്. വെള്ളയിൽ ഇളം ചാരനിറം. കറുപ്പിൽ മ്യൂട്ടുചെയ്ത പർപ്പിൾ. ഫോട്ടോയ്ക്ക് മുകളിലുള്ള വെളുത്ത വാചകം. നിറമുള്ള ബട്ടണിൽ നേർത്ത വാചകം. ഭാരം കുറഞ്ഞതൊഴിച്ചാൽ യഥാർത്ഥ വാചകം പോലെ കാണപ്പെടുന്ന പ്ലെയ്സ്ഹോൾഡർ വാചകം, തുടർന്ന് ആളുകൾ തെറ്റായ സ്ഥലത്ത് ടൈപ്പ് ചെയ്യുകയോ നിർദ്ദേശങ്ങൾ നഷ്ടപ്പെടുത്തുകയോ ചെയ്യുന്നു.
ഡിസൈൻ ടീമുകൾ പലപ്പോഴും സൂക്ഷ്മത ഇഷ്ടപ്പെടുന്നു. ഉപയോക്താക്കൾ പലപ്പോഴും ടാസ്ക് പൂർത്തിയാക്കാൻ ആഗ്രഹിക്കുന്നു. ഒരു വില, മെനു ഇനം അല്ലെങ്കിൽ ഒരു സമ്മത കുറിപ്പ് വായിക്കാൻ ആരെങ്കിലും മുന്നോട്ട് കുനിഞ്ഞാൽ, ഡിസൈൻ ഇതിനകം തന്നെ വളരെയധികം ആവശ്യപ്പെടുന്നുണ്ട്.
കൂടാതെ, ഫോണ്ടിന്റെ ഭാരം ദൃശ്യപരമായി പ്രധാനമാണ്. ഇടത്തരം നീല നിറത്തിലുള്ള ഒരു കട്ടിയുള്ള 24 പിക്സൽ തലക്കെട്ട്, അതേ നീല നിറത്തിലുള്ള 14 പിക്സൽ വാക്യത്തേക്കാൾ വായിക്കാൻ എളുപ്പമാണെന്ന് തോന്നിയേക്കാം. അതിനാൽ വലിയ മനോഹരമായ തലക്കെട്ട് മാത്രം പരീക്ഷിക്കരുത്. ചെറിയ പ്രായോഗിക ബിറ്റുകൾ പരിശോധിക്കുക: ലേബലുകൾ, അടിക്കുറിപ്പുകൾ, സഹായ വാചകം, ദ്വിതീയ നാവിഗേഷൻ, പട്ടിക ഉള്ളടക്കങ്ങൾ. അവിടെയാണ് കോൺട്രാസ്റ്റ് പ്രശ്നങ്ങൾ മറയ്ക്കാൻ ഇഷ്ടപ്പെടുന്നത്.
ചിത്രങ്ങളിലെ വാചകങ്ങൾ ശ്രദ്ധിക്കുക
നല്ല കോൺട്രാസ്റ്റ് ഇല്ലാതാകുന്നത് ഫോട്ടോഗ്രാഫിക്ക് മുകളിലുള്ള ടെക്സ്റ്റ് ഉപയോഗിച്ചാണ്. ചിത്രത്തിന്റെ ഇരുണ്ട വശത്ത് ടെക്സ്റ്റ് ഇരിക്കുന്നതിനാൽ ഒരു ഹീറോ ബാനർ നന്നായി കാണപ്പെട്ടേക്കാം. പിന്നീട് സൈറ്റ് മൊബൈലിൽ വ്യത്യസ്തമായി ക്രോപ്പ് ചെയ്യുന്നു, ഇപ്പോൾ അതേ ടെക്സ്റ്റ് ഒരു പ്രകാശമുള്ള വിൻഡോ, ഒരു വെളുത്ത ഷർട്ട് അല്ലെങ്കിൽ മഞ്ഞ് എന്നിവയിൽ പൊങ്ങിക്കിടക്കുന്നു. പോയി.
ഒരു ചിത്രത്തിൽ ടെക്സ്റ്റ് ആവശ്യമുണ്ടെങ്കിൽ, ഒരു സോളിഡ് അല്ലെങ്കിൽ സെമി-സോളിഡ് ഓവർലേ, ഒരു ടെക്സ്റ്റ് ബോക്സ് ഉപയോഗിക്കുക, അല്ലെങ്കിൽ പ്രവചനാതീതമായ ശൂന്യമായ ഇടമുള്ള ചിത്രങ്ങൾ തിരഞ്ഞെടുക്കുക. ഇതിലും നല്ലത്, ചിത്രത്തിൽ നിന്ന് ടെക്സ്റ്റ് വേർതിരിക്കുക. ഒരുപക്ഷേ ഇത് ഗ്ലാമറസ് കുറവായിരിക്കാം, പക്ഷേ അടുത്ത മാസം കണ്ടന്റ് എഡിറ്റർ ഒരു പുതിയ ഫോട്ടോയിൽ മാറ്റം വരുത്തുമ്പോൾ അത് പൊട്ടിപ്പോകില്ല.
മറക്കുന്നതിനു മുമ്പ് സംസ്ഥാനങ്ങൾ നിർമ്മിക്കുക
സാധാരണ ബട്ടൺ. ഹോവർ ബട്ടൺ. ഫോക്കസ് ബട്ടൺ. പ്രവർത്തനരഹിതമാക്കിയ ബട്ടൺ. പിശക് ഇൻപുട്ട്. തിരഞ്ഞെടുത്ത ടാബ്. നാവിഗേഷനിലെ നിലവിലെ പേജ്. ഈ അവസ്ഥകൾ ഇന്റർഫേസിന്റെ ഭാഗമാണ്, എക്സ്ട്രാകളല്ല. എന്നിരുന്നാലും അവ പലപ്പോഴും അവസാനം, വേഗത്തിൽ, സമീപത്തുള്ള ഏത് ഇളം നിറത്തിലും രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു.
വികലാംഗ അവസ്ഥകൾ പ്രത്യേകിച്ച് കുഴപ്പമുള്ളവയാണ്. ആളുകൾ അവയെ വളരെ മങ്ങിയതാക്കുന്നു, അവ വായിക്കാൻ കഴിയാത്തതായി മാറുന്നു. വികലാംഗ നിയന്ത്രണങ്ങൾ നിഷ്ക്രിയമായി കാണപ്പെടണം, അതെ, പക്ഷേ ലേബൽ ഇപ്പോഴും മനസ്സിലാക്കാവുന്നതായിരിക്കണം. ലഭ്യമല്ലാത്ത ഓപ്ഷൻ എന്താണെന്നും അത് എന്തുകൊണ്ട് ലഭ്യമല്ലെന്നും ഒരു ഉപയോക്താവ് അറിഞ്ഞിരിക്കണം. “ക്ലിക്കുചെയ്യാൻ കഴിയില്ല” എന്നതും “അദൃശ്യം” എന്നതും തമ്മിൽ വ്യത്യാസമുണ്ട്.
ഫോക്കസ് സ്റ്റേറ്റുകളും പ്രധാനമാണ്. കീബോർഡ് ഉപയോക്താക്കൾ അവർ എവിടെയാണെന്ന് കാണേണ്ടതുണ്ട്. നിങ്ങളുടെ പശ്ചാത്തലത്തിന്റെ പകുതിയിൽ നിന്ന് അപ്രത്യക്ഷമാകുന്ന നേർത്ത വിളറിയ ഔട്ട്ലൈൻ ഒരു ഫോക്കസ് ശൈലിയല്ല, അതൊരു കിംവദന്തിയാണ്.
അസുഖകരമായ സാഹചര്യങ്ങളിൽ പരീക്ഷിക്കുക
ആദ്യ റൗണ്ടിന് നിങ്ങൾക്ക് ഒരു ലാബ് ആവശ്യമില്ല. പുറത്തുള്ള ഒരു ഫോണിൽ നിങ്ങളുടെ ഡിസൈൻ പരീക്ഷിച്ചു നോക്കൂ. ബ്രൈറ്റ്നെസ് കുറയ്ക്കുക. പേജ് 150 അല്ലെങ്കിൽ 200 ശതമാനത്തിലേക്ക് സൂം ചെയ്യുക. നിങ്ങൾ പിന്തുണയ്ക്കുന്നുവെങ്കിൽ ഡാർക്ക് മോഡ് പരിശോധിക്കുക. മനോഹരമായ മോണിറ്ററിൽ മാത്രമല്ല, വിലകുറഞ്ഞ മോണിറ്ററിലും ഇത് നോക്കൂ. ഇത് രൂപകൽപ്പന ചെയ്യാത്ത ഒരാളോട് ചെക്ക്ഔട്ട് ബട്ടൺ, പിശക് സന്ദേശം, നിലവിലെ മെനു ഇനം എന്നിവ കണ്ടെത്താൻ ആവശ്യപ്പെടുക. അവരുടെ മുഖം നോക്കൂ. കണ്ണിറുക്കൽ നിങ്ങൾക്ക് കാര്യങ്ങൾ പറയുന്നു.
കളർ ജോഡികൾ തിരഞ്ഞെടുക്കുമ്പോൾ വേഗത്തിലുള്ള സംഖ്യാ പരിശോധനകൾക്ക്, ഒരു WCAG കളർ കോൺട്രാസ്റ്റ് ചെക്കർ ഉപയോഗപ്രദമാകും, പ്രത്യേകിച്ചും നിങ്ങൾ നിരവധി സാധ്യമായ ടെക്സ്റ്റ്, പശ്ചാത്തല കോമ്പിനേഷനുകൾ താരതമ്യം ചെയ്യുമ്പോൾ.
തുടർച്ചയായി പ്രത്യക്ഷപ്പെടുന്ന സാധാരണ തെറ്റുകൾ
- ബ്രാൻഡ് നിറങ്ങൾ പൊരുത്തപ്പെടുത്താതെ ഉപയോഗിക്കുക: ഡിജിറ്റൽ വാചകത്തിന് ഔദ്യോഗിക പാലറ്റിന് ഇരുണ്ടതോ ഭാരം കുറഞ്ഞതോ ആയ പതിപ്പുകൾ ആവശ്യമായി വന്നേക്കാം.
- എല്ലാ ദ്വിതീയ വാചകങ്ങളും ഇളം ചാരനിറത്തിലാക്കുന്നു: ദ്വിതീയ എന്നാൽ കഷ്ടിച്ച് ദൃശ്യമാകുന്നതല്ല.
- മഞ്ഞ, നാരങ്ങ, സിയാൻ, ഇളം ഓറഞ്ച് എന്നീ തിളക്കമുള്ള നിറങ്ങളിൽ വെള്ള നിറത്തിലുള്ള വാചകം ചേർക്കുന്നത് പലപ്പോഴും കുറ്റക്കാരാണ്.
- മൊബൈൽ ഫോൺ മറക്കൽ: ചെറിയ സ്ക്രീനുകൾ, പ്രതിഫലനങ്ങൾ, വ്യത്യസ്ത ക്രോപ്പിംഗ് എന്നിവ കോൺട്രാസ്റ്റിനെ വേഗത്തിൽ നശിപ്പിക്കും.
- നിറങ്ങളിൽ മാത്രം പ്രധാനപ്പെട്ട അർത്ഥം മറയ്ക്കുന്നു: പ്രത്യേകിച്ച് ഫോമുകൾ, ചാർട്ടുകൾ, മാപ്പുകൾ, സ്റ്റാറ്റസ് ബാഡ്ജുകൾ എന്നിവയിൽ.
- പൂർണ്ണമായ ഉദാഹരണങ്ങൾ മാത്രം പരീക്ഷിക്കുന്നു: യഥാർത്ഥ ഉള്ളടക്കത്തിന് നീണ്ട പേരുകൾ, വിചിത്രമായ ചിത്രങ്ങൾ, പിശക് അവസ്ഥകൾ, വിവർത്തനങ്ങൾ, ക്ഷീണിതരായ ഉപയോക്താക്കൾ എന്നിവയുണ്ട്.
യഥാർത്ഥത്തിൽ നിലനിർത്തുന്ന ഒരു ലളിതമായ വർക്ക്ഫ്ലോ
- ആദ്യം നിങ്ങളുടെ അടിസ്ഥാന വാചകവും പശ്ചാത്തലവും തിരഞ്ഞെടുക്കുക. എന്തെങ്കിലും അലങ്കരിക്കുന്നതിന് മുമ്പ് വായനാനുഭവം നേടുക.
- അംഗീകൃത വർണ്ണ ജോഡികൾ സൃഷ്ടിക്കുക. ഏതൊക്കെ പശ്ചാത്തലങ്ങളിൽ ഏതൊക്കെ വാചക നിറങ്ങൾ ഉൾപ്പെടുത്താമെന്ന് രേഖപ്പെടുത്തുക.
- ഇന്റർഫേസ് ജോലികൾക്ക് നിറങ്ങൾ നൽകുക. ബട്ടണുകൾ, ലിങ്കുകൾ, അലേർട്ടുകൾ, ഫോക്കസ് സ്റ്റേറ്റുകൾ, ബാഡ്ജുകൾ, ചാർട്ടുകൾ.
- വർണ്ണരഹിതമായ സൂചനകൾ ചേർക്കുക. ലേബലുകൾ, ഐക്കണുകൾ, അടിവരകൾ, ബോർഡറുകൾ, പാറ്റേണുകൾ, എഴുതിയ സന്ദേശങ്ങൾ.
- യഥാർത്ഥ സ്ക്രീനുകളും യഥാർത്ഥ ഉള്ളടക്കവും പരീക്ഷിക്കുക. വൃത്തിയുള്ള ഡിസൈൻ ബോർഡ് മാത്രമല്ല.
- ഒരു ചെറിയ സ്റ്റൈൽ ഗൈഡ് സൂക്ഷിക്കുക. ഒരു ലളിതമായ ലിസ്റ്റ് പോലും ഭാവിയിലെ ഊഹങ്ങൾ തടയും.
വായിക്കാവുന്ന നിറം എന്നത് ഒരു ബ്രാൻഡിന്റെ വ്യക്തിത്വത്തെ ഇല്ലാതാക്കുന്നതിനെക്കുറിച്ചല്ല. അത് വ്യക്തിത്വത്തെ ഉപയോഗപ്രദമാക്കുന്നതിനെക്കുറിച്ചാണ്. മുൻകാല ഫിറ്റ്നസ് സ്റ്റുഡിയോയ്ക്ക് പീച്ച്, സേജ്, ക്രീം എന്നിവ ഉപേക്ഷിക്കേണ്ടി വന്നില്ല. ക്രീമിലെ ചാർക്കോൾ ടെക്സ്റ്റ്, ഇരുണ്ട പച്ച ബട്ടൺ, വ്യക്തമായ പിശക് സന്ദേശങ്ങൾ, ദൃശ്യമായ ലേബലുകൾ, അടുത്ത പേജ് വീണ്ടും വിളറിയ ഭൂമിയിലേക്ക് അലഞ്ഞുതിരിയാതിരിക്കാൻ കുറച്ച് നിയമങ്ങൾ എന്നിവ ഇതിന് ആവശ്യമായിരുന്നു.
അതാണ് ഏറ്റവും നല്ല കാര്യം. മാനസികാവസ്ഥ നിലനിർത്തുക, ബ്രാൻഡ് നിലനിർത്തുക, പക്ഷേ വാക്കുകൾക്ക് അവരുടെ ജോലി ചെയ്യാൻ ആവശ്യമായ വ്യത്യാസം നൽകുക. ആളുകൾ വായിക്കാനും, ബുക്ക് ചെയ്യാനും, വാങ്ങാനും, പഠിക്കാനും, താരതമ്യം ചെയ്യാനും, സൈൻ അപ്പ് ചെയ്യാനും, ഒരു പ്രശ്നം പരിഹരിക്കാനും വന്നു. അവർ കാര്യം കാണട്ടെ.
രചയിതാവിനെക്കുറിച്ച്
Arjun
പ്രായോഗിക കാൽക്കുലേറ്ററുകളിലും വിദ്യാഭ്യാസ ഉപകരണങ്ങളിലും ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്ന ഒരു പ്ലാറ്റ്ഫോമായ കാർത്തമയുടെ സ്രഷ്ടാവാണ് അർജുൻ. സംവേദനാത്മക ടൂളുകളിലൂടെയും വ്യവസ്ഥാപിതമായ ഗൈഡുകളിലൂടെയും സങ്കീർണ്ണമായ കണക്കുകൂട്ടലുകൾ ലളിതവും പ്രാപ്യവുമാക്കുക എന്ന ലക്ഷ്യത്തോടെ അദ്ദേഹം സോഫ്റ്റ്വെയറും AI-പവർഡ് ആപ്ലിക്കേഷനുകളും നിർമ്മിക്കുന്നു.