વેબ પૃષ્ઠની accessક્સેસિબલ ડિઝાઇન કેવી રીતે બનાવવી

લેપટોપ સ્ક્રીન

Storesનલાઇન સ્ટોર્સ, બેંકિંગ એપ્લિકેશન, હોટેલ આરક્ષણ અથવા ફ્રીલાન્સ નોકરીઓ, ત્યાં વધુ અને વધુ છે ઇન્ટરનેટ દ્વારા નિયંત્રિત કરવામાં આવે છે કે ક્રિયાઓ અને તે કેટલાક કિસ્સાઓમાં બદલાઈ ગયું છે, પરંપરાગત મીડિયા.

ઍસ્ટ ડિજિટલ operationsપરેશનની ઝડપી વૃદ્ધિએ અમને સરળ બનાવ્યું છે ઘણા પાસાં માં જીવન. તે આપણો સમય બચાવે છે કારણ કે વ્યવહાર ઝડપથી થાય છે અને કોઈપણ ભૌતિક સ્થાપનાની મુસાફરી કરવાની જરૂર નથી, અને અલબત્ત, નવું મીડિયા બનાવવામાં આવ્યું છે જેનું અસ્તિત્વમાં નથી અને તે હવે મોટાભાગના લોકો, સોશિયલ નેટવર્ક, સ્ટ્રીમિંગ મૂવીઝ અને નેટફ્લિક્સ જેવા પ્લેટફોર્મ પરની શ્રેણી, અથવા પેપલ જેવી onlineનલાઇન ચુકવણી સિસ્ટમોનો ઉપયોગ કરે છે.

ડિજિટલ વિશ્વના આ ઉદય સાથે તે આવશ્યક છે સુલભ અને સુયોજિત ઇંટરફેસના વિકાસમાં રોકાણ કરો વપરાશકર્તાઓ માટે. જો કે, આપણે તે ભૂલી શકતા નથી એવા વપરાશકર્તાઓ છે જે અપંગોથી પીડાય છે શારીરિક અથવા મનોવૈજ્ologicalાનિક જે તેમના અનુભવ અને કમ્પ્યુટર અને મોબાઇલનો ઉપયોગ કરવાની તેમની ક્ષમતાને નોંધપાત્ર રીતે મર્યાદિત કરે છે.

તેમછતાં કેટલીક અપંગતાઓ છે, જેમ કે વ્હીલચેરનો ઉપયોગ કરનારા લોકો, જે ઇન્ટરનેટના ઉપયોગમાં દખલ કરતા નથી, અન્ય, જેમ કે દ્રષ્ટિની સમસ્યાઓ અથવા અંધત્વ, મોટર સંકલન સમસ્યાઓ, બહેરાપણું અથવા ઓટીઝમ, તેઓ વેબ પર નેવિગેટ કરવાની તમારી ક્ષમતાને ગંભીરતાથી અવરોધે છે. આ કિસ્સાઓમાં, કેટલાક પહેલાથી જ બનાવવામાં આવ્યા છે ઉપકરણો સ્ક્રીન રીડર્સની જેમ, જે વપરાશકર્તાઓને સહાય અને સહાય કરે છે એવા ક્ષેત્રમાં જ્યાં તેમને અપંગતા હોય.

પરંતુ સમસ્યા હલ કરવાનો આ ફક્ત પ્રથમ ભાગ છે. આ વપરાશકર્તાઓનો વિચાર કરીને, અમારે આ કરવું પડશે ડિઝાઇન વેબ પૃષ્ઠ ઇન્ટરફેસો જે તમારા અનુભવને સરળ બનાવે છે અને તમારી જરૂરિયાતોને અનુરૂપ. ડિઝાઇનિંગ કરતી વખતે કેટલાક સિદ્ધાંતો છે જે આપણે લાગુ કરી શકીએ છીએ.

સામગ્રી અને સ્રોત

સૌથી મૂળભૂતથી પ્રારંભ કરીને, તમારે આ કરવું પડશે સામગ્રી ડિઝાઇનમાં અગ્રતા સેટ કરો. હેડર અને મેનૂ બાર દૃષ્ટિની સરળતાથી સ્થાન શોધવા યોગ્ય હોવા જોઈએ અને વપરાશકર્તા જે જુએ છે તે પહેલી વસ્તુ હોવી જોઈએ. હોમ પેજ પરના તત્વો, છબીઓ અને સંબંધિત માહિતી શોધવા માટેનું બીજું હશે.

જાહેરાતો અથવા જાહેરાત બેનરો ઘણા પૃષ્ઠો પર દેખાય છે. જો પોતે જ આ બધા વપરાશકર્તાઓ માટે હેરાન કરે છે, તો દ્રષ્ટિની ક્ષતિવાળા લોકો માટે તે એક સમસ્યા છે કારણ કે તેનાથી ખૂબ મૂંઝવણ થાય છે, અને વેબ આકૃતિના વાંચનમાં દખલ થાય છે. તેથી જ તે આવશ્યક છે કે તમારે એક સામાન્ય સંપાદકીય ડિઝાઇન પૃષ્ઠ છે કે છે તાર્કિક રીતે ગોઠવાયેલ અને સમજી શકાય તેવું છે, અને તત્વોનું કદ યોગ્ય રીતે લેવામાં આવે છે, જેથી અન્ય અંતરાયો હોવા છતાં, વપરાશકર્તાઓ મહત્વપૂર્ણ સામગ્રી પર ધ્યાન કેન્દ્રિત કરી શકે.

તમે ઉપયોગ કરો છો તે ફોન્ટ્સ પ્રાધાન્ય તેઓ હોય છે મોટા અને સુવાચ્ય. પ્રકાર સાન્સ સેરીફ અને બોલ્ડ તેઓ ડિસલેક્સીયાથી પીડિત લોકો માટે વાંચન ખૂબ સરળ બનાવે છે. અન્ય ભલામણ કરેલ ફોન્ટ્સ આ છે: એરિયલ, ટાઇમ્સ ન્યુ રોમન, હેલ્વેટિકા, તાહોમા, કેલિબ્રી અને વર્દાના.

અને અલબત્ત, તમારે હંમેશા કાળજી લેવી જોઈએ કે વચ્ચે સ્પષ્ટ તફાવત છે ટેક્સ્ટ અને પૃષ્ઠભૂમિ. સમાન રંગોનો ઉપયોગ કરશો નહીં, તેના બદલે પસંદ કરો વિરોધાભાસી રંગો.

સાન્સ સેરીફ બોલ્ડ ટાઇપફેસ

સાન્સ સેરીફ બોલ્ડ ફontsન્ટ્સનો ઉપયોગ કરીને ટેક્સ્ટની વધુ સારી વિઝ્યુલાઇઝેશનની મંજૂરી છે.

વૈકલ્પિક ટેક્સ્ટ

El વૈકલ્પિક ટેક્સ્ટ અથવા Altલ્ટ ટેગ, તે વર્ણનો છે જે છબીઓ પર મૂકવામાં આવે છે વેબ પૃષ્ઠો પર. જો કે આ ટેક્સ્ટ વપરાશકર્તાઓને વાંચવા માટે ઉપલબ્ધ નથી, એ સારી રીતે લખાયેલું વર્ણન એક સાધન છે જે અમને વધુ સારી એસઇઓ પોઝિશનિંગ પ્રાપ્ત કરવામાં સહાય કરે છે.

પરંતુ Tagલ્ટ ટેગની ઉપયોગિતા ફક્ત તે જ ઓછી થઈ નથી. તેઓના માટે સ્ક્રીન રીડર્સનો ઉપયોગ કરનારા વપરાશકર્તાઓ દ્રશ્ય ક્ષતિઓ માટે, છબીઓનું વર્ણન છે દેખાવ વિશે શું છે તે જાણવાનો તેમને એકમાત્ર સંદર્ભ છે પૃષ્ઠ પર શું ખુલ્લું છે. તેથી જો આપણે મૂકવા જઈએ છીએ, ઉદાહરણ તરીકે, કેટલાક સફળ લોકોનો ફોટોગ્રાફ, એક સારો વૈકલ્પિક ટેક્સ્ટ હશે: ગુલાબી માનવીના ત્રણ રસાળ છોડ. એક ખૂબ જ ટૂંકા લખાણ: પોટેડ છોડ, તે વર્ણન નથી કે જે સંબંધિત વિગતો આપે છે અને તેથી તે કાર્ય કરતું નથી.

ગુલાબી પોટમાં સુક્યુલન્ટ્સ

ગુલાબી માનવીના ત્રણ રસાળ છોડ. વૈકલ્પિક ટેક્સ્ટ ઉદાહરણ.

અનુકૂલનક્ષમતા

ડિઝાઇન કરતી વખતે આપણે પણ બધા ધ્યાનમાં લેવું પડે છે પ્રસ્તુતિઓ જેમાં આપણું ઇન્ટરફેસ બતાવવામાં આવશે, ક્યાં અંદર વેબ અથવા મોબાઇલ સંસ્કરણ. આપણે તેને જે માધ્યમ જોઈ રહ્યા છીએ તેના આધારે અનુભવ હંમેશાં અલગ હોઇ શકે.

જ્યારે આપણે મોબાઇલનો ઉપયોગ કરીએ છીએ, આપણે જુદા જુદા વાતાવરણમાં સંપર્કમાં આવી શકીએ જે વાંચન મુશ્કેલ બનાવે છે સામગ્રી છે સ્ક્રીનના. જો આપણે ઉદાહરણ તરીકે બહાર હોઇએ, તો સૂર્યની તેજ સ્ક્રીન ખૂબ જ ઘાટા દેખાશે, અને અવાજ અમને audioડિઓને સારી રીતે સાંભળવાની મંજૂરી આપશે નહીં. તેથી જ આ વિગતો વિશે કાળજીપૂર્વક વિચારવું મહત્વપૂર્ણ છે, જેથી મોબાઇલ સંસ્કરણમાં મોટા અક્ષરો અને ઘેરા રંગો હોય, અને વિડિઓઝને સાંભળવામાં મુશ્કેલી પડે તો તેને સબટાઈટલ હોવા જોઈએ.

મોબાઇલ સ્ક્રીન

ઇન્ટરફેસ ડિઝાઇનને અનુકૂળ કરો જેથી તે મોબાઇલ ફોન અને કમ્પ્યુટર બંને પર વાંચી શકાય.

ડિઝાઇનમાં સુસંગતતા

સંપાદકીય ડિઝાઇન અમે અમારી વેબસાઇટ સાથે શું કરીએ છીએ વિભાગને અનુલક્ષીને સમાન હોવું જોઈએ તમે ક્યાં છો. મેનૂ બાર પર સમાન ચિહ્નો સંપર્કો વિભાગની જેમ હોમ વિભાગમાં દેખાવા જોઈએ. આપણે શૈલી બદલવી જોઈએ નહીં અથવા વેબના કી બટનોનું સ્થાન નહીં.

આપમેળે ચાલતી વિડિઓઝ મૂકવી અમારા માટે અનુકૂળ નથી જ્યારે પૃષ્ઠ ખોલવું. સ્ક્રીન રીડર્સનો ઉપયોગ કરનારા વપરાશકર્તાઓ માટે, તેમને થોભો કેવી રીતે કરવો તે જાણવું મુશ્કેલ છે.

સ્ટારબક્સ વેબસાઇટ

સ્ટારબક્સ પૃષ્ઠ પરનું મેનૂ બાર બધા જ વિભાગોમાં સમાન છે.

કીબોર્ડ સંશોધક

અંતે, મોટર કોઓર્ડિનેશન સમસ્યાઓવાળા કેટલાક વપરાશકર્તાઓને કમ્પ્યુટર માઉસને પકડવામાં અથવા લેપટોપના ટચપેડનો ઉપયોગ કરવામાં મુશ્કેલી થાય છે અને તે ફક્ત કીબોર્ડ પર આધાર રાખે છે. ખાતરી કરો કે તમારી વેબસાઇટ એક રીતે ડિઝાઇન કરવામાં આવી છે કે સંપૂર્ણપણે હોઈ શકે છે ફક્ત કીબોર્ડ બટનો સાથે કાર્યાત્મક.


તમારી ટિપ્પણી મૂકો

તમારું ઇમેઇલ સરનામું પ્રકાશિત કરવામાં આવશે નહીં. આવશ્યક ક્ષેત્રો સાથે ચિહ્નિત થયેલ છે *

*

*

  1. ડેટા માટે જવાબદાર: મિગ્યુએલ gelંજેલ ગેટóન
  2. ડેટાનો હેતુ: નિયંત્રણ સ્પામ, ટિપ્પણી સંચાલન.
  3. કાયદો: તમારી સંમતિ
  4. ડેટાની વાતચીત: કાયદાકીય જવાબદારી સિવાય ડેટા તૃતીય પક્ષને આપવામાં આવશે નહીં.
  5. ડેટા સ્ટોરેજ: cસેન્ટસ નેટવર્ક્સ (ઇયુ) દ્વારા હોસ્ટ કરેલો ડેટાબેઝ
  6. અધિકાર: કોઈપણ સમયે તમે તમારી માહિતીને મર્યાદિત, પુન recoverપ્રાપ્ત અને કા deleteી શકો છો.