એક્સેસિબિલિટી-ફર્સ્ટ વેબ ડેવલપમેન્ટ
વેબસાઇટ બનાવતી વખતે મોટાભાગના વ્યવસાયો ખોટા પ્રશ્નો પૂછે છે. તેઓ એ નથી પૂછતા કે શું દરેક વ્યક્તિ તેનો ઉપયોગ કરી શકે છે.
તેઓ ઝડપી લેપટોપ અને ઉત્તમ દ્રષ્ટિ ધરાવતા લોકો માટે વેબસાઇટ બનાવે છે. તેઓ સ્ક્રીન રીડરનો ઉપયોગ કરનાર વ્યક્તિને ભૂલી જાય છે. તેઓ માઉસને બદલે કીબોર્ડ પર આધાર રાખતા વપરાશકર્તાને ભૂલી જાય છે. તેઓ સામગ્રી સમજવા માટે સ્પષ્ટ લેઆઉટની જરૂર હોય તેવી વ્યક્તિને ભૂલી જાય છે.
જો તમારી સાઇટ આ લોકો માટે કામ કરતી નથી, તો તે ખરેખર કામ કરતી નથી.
એક્સેસિબિલિટી ઘણીવાર છેલ્લી ઘડીની ચેકલિસ્ટની વસ્તુ બની જાય છે. આ એક ભૂલ છે. પહેલા દિવસથી જ એક્સેસિબિલિટીને ધ્યાનમાં રાખીને બનાવવાથી વધુ સારી વેબસાઇટ્સ બને છે. તમને ઝડપી લોડ ટાઇમ, ક્લીન કોડ અને વધુ સારું SEO મળે છે.
અનુસરવા માટે અહીં એક વ્યવહારુ ફ્રેમવર્ક છે:
Semantic HTML નો ઉપયોગ કરો યોગ્ય કાર્યો માટે યોગ્ય એલિમેન્ટ્સનો ઉપયોગ કરો. કોડમાં બટન એ બટન જ હોવું જોઈએ. બટનને બદલે સ્ટાઇલ કરેલ
divનો ઉપયોગ કરવાથી તમારી સાઇટ સહાયક સાધનો (assistive tools) માટે અદ્રશ્ય બની જાય છે. આને પછીથી સુધારવું મોંઘું પડે છે. અત્યારે કરવું મફત છે.કીબોર્ડ નેવિગેશન માટે બનાવો ઘણા વપરાશકર્તાઓ માઉસનો ઉપયોગ કરતા નથી. દરેક લિંક, બટન અને ફોર્મ Tab અને Enter કી સાથે કામ કરવું જોઈએ. ખાતરી કરો કે ફોકસ ઇન્ડિકેટર (focus indicator) દેખાય છે જેથી વપરાશકર્તાઓને ખબર પડે કે તેઓ પેજ પર ક્યાં છે.
કલર કોન્ટ્રાસ્ટ તપાસો ટેક્સ્ટ તેના બેકગ્રાઉન્ડથી અલગ દેખાવું જોઈએ. ઓછામાં ઓછું 4.5:1 નો કોન્ટ્રાસ્ટ રેશિયો રાખવાનો લક્ષ્ય રાખો. અર્થ દર્શાવવા માટે માત્ર રંગ પર આધાર રાખશો નહીં. જો ભૂલ (error) ફક્ત લાલ ટેક્સ્ટ તરીકે દેખાય છે, તો કલરબ્લાઇન્ડ વપરાશકર્તા તેને ચૂકી જશે. એક આઇકોન અથવા લેબલ ઉમેરો.
અર્થપૂર્ણ Alt Text લખો alt text તરીકે "image1.jpg" જેવા ફાઇલ નામોનો ઉપયોગ કરવાનું બંધ કરો. ઇમેજ શું દર્શાવે છે અને તે શા માટે મહત્વપૂર્ણ છે તેનું વર્ણન કરો. જો ઇમેજ ફક્ત સજાવટ માટે હોય, તો ખાલી
altએટ્રિબ્યુટનો ઉપયોગ કરો જેથી સ્ક્રીન રીડર્સ તેને અવગણી શકે.વાસ્તવિક સાધનો સાથે ટેસ્ટ કરો ઓટોમેટેડ સાધનો માત્ર લગભગ 40% સમસ્યાઓ જ પકડી શકે છે. તમારે NVDA, JAWS અથવા VoiceOver જેવા વાસ્તવિક સ્ક્રીન રીડર્સ સાથે ટેસ્ટ કરવું જોઈએ. જો તમે ફક્ત સોફ્ટવેર પર જ આધાર રાખશો, તો તમે વાસ્તવિક ખામીઓ ચૂકી જશો.
જ્યારે તમે સીમાઓ (edges) માટે બનાવો છો, ત્યારે કેન્દ્ર (center) દરેક માટે વધુ સારું બને છે. તેજસ્વી સૂર્યપ્રકાશમાં ફોનનો ઉપયોગ કરનાર વ્યક્તિ અથવા એક હાથે બાળકને પકડી રાખનાર માતા-પિતા તમારા એક્સેસિબલ ડિઝાઇનથી લાભ મેળવે છે.
એક્સેસિબિલિટીને કાયદાકીય કામગીરી તરીકે જોવાનું બંધ કરો. તેને ગુણવત્તાના ધોરણ તરીકે ગણો.