દરેકની જરૂરિયાતોને બંધબેસતી સાઇટ સાથે વધુ વાચકોને આકર્ષિત કરો
અપંગ લોકો માટે તમારી વેબસાઇટને સુલભી કરીને, તમે અંત સુધી દરેકને ઍક્સેસ કરી શકો છો. હકીકતમાં, તમારી વેબસાઇટને વધુ સુલભી બનાવવાથી લોકો તમારી વેબસાઇટ શોધ એન્જિનમાં શોધવામાં પણ મદદ કરી શકે છે. શા માટે? કારણ કે શોધ એન્જિનો તમારી વેબસાઇટની સામગ્રીને શોધવા અને સમજવા માટે સ્ક્રીન રીડર્સ દ્વારા કરેલા તે જ સંકેતોનો ઉપયોગ કરે છે.
પરંતુ બરાબર તમે કોઈ કોડિંગ નિષ્ણાત બન્યા વગર એક સુલભ વેબસાઇટ કેવી રીતે કરો છો?
અહીં કેટલીક ટીપ્સ અને યુક્તિઓ છે કે જે મૂળભૂત HTML જ્ઞાન ધરાવતી કોઈપણ વ્યક્તિ તેમની વેબસાઇટની સુલભતા સુધારવા માટે ઉપયોગ કરી શકે છે.
વેબ ઍક્સેસિબિલિટી સાધનો
W3C પાસે વેબ ઍક્સેસિબિલિટી ટૂલ્સની એક અદ્ભુત સૂચિ છે જે તમે તમારી વેબસાઇટ પર સંભવિત સમસ્યાઓને શોધવા માટે ચેકર તરીકે ઉપયોગ કરી શકો છો. તે કહે છે, હું હજુ પણ સ્ક્રીન રીડર સાથે કેટલાક અન્વેષણ કરવા અને તમારા માટે તે અનુભવી કરવાની ભલામણ કરું છું.
સંબંધિત વાંચન: સહાયક તકનીકી શું છે અને તે કેવી રીતે કાર્ય કરે છે?
સ્ક્રીન રીડર્સ સમજવું
તમે તમારી વેબસાઇટની સુલભતા વધારવા માટે સૌથી મહત્વપૂર્ણ માર્ગો પૈકી એક છે તે ખાતરી કરવા માટે છે કે તેને સ્ક્રીન રીડર્સ દ્વારા સમજી શકાય છે. સ્ક્રીન પરનાં ટેક્સ્ટને વાંચવા માટે સ્ક્રીન રીડર્સ એક સંશ્લેષિત વૉઇસનો ઉપયોગ કરે છે. તે ખૂબ સરળ લાગે છે; જો કે, સ્ક્રીન રીડર તમારી વેબસાઇટને તમે જે રીતે સેટ કરી છે તે સમજી શકશે નહીં.
પહેલી વસ્તુ જે તમે કરવા માંગો છો તે સ્ક્રીન રીડરને અજમાવી જુઓ અને જુઓ કે તે કેવી રીતે જાય છે. જો તમે Mac પર હોવ તો, VoiceOver નો ઉપયોગ કરવાનો પ્રયાસ કરો
- સિસ્ટમ પસંદગીઓ પર જાઓ
- ઍક્સેસિબિલિટી પસંદ કરો
- વોઇસઓવર પસંદ કરો
- વૉઇસઑવર સક્ષમ કરો માટે બૉક્સને તપાસો
તમે આદેશ- F5 નો ઉપયોગ કરીને તેને ચાલુ અને બંધ કરી શકો છો.
જો તમે Windows મશીન પર છો, તો તમે NVDA ડાઉનલોડ કરવા માગી શકો છો. શૉર્ટકટ નિયંત્રણ + alt + n સાથે તમે તેને ચાલુ અને બંધ કરવા માટે સેટ કરી શકો છો.
બન્ને સ્ક્રીન રીડર્સ વપરાશકર્તાને કીબોર્ડ દ્વારા નેવિગેટ કરવા દે છે (આ અર્થમાં છે - જો તમે જોઈ શકતા નથી, તો માઉસનો ઉપયોગ કરવો પડકાર હશે) અને નેવિગેશન માટે ફોકસ વિસ્તાર બનાવીને. ધ્યાન આવશ્યક છે કે જ્યાં કીબોર્ડ "પોઇન્ટેડ" હોય છે, પરંતુ તે સામાન્ય રીતે કર્સરને બદલે ફોકસ ઑબ્જેક્ટની આસપાસ પ્રકાશિત બૉક્સ તરીકે દર્શાવવામાં આવે છે.
તમે વૉઇસ પિચ અને ઝડપને બદલી શકો છો, જેના પર વૉઇસ વાંચે છે જો ડિફૉલ્ટ સેટિંગ્સ હેરાન કરે છે (અને પ્રમાણભૂત સ્મોલ વૉઇસ વાંચન સાંભળીને લગભગ પાંચ મિનિટ પછી, તે સામાન્ય રીતે હોય છે). બ્લાઇન્ડ લોકો સામાન્ય રીતે ઉચ્ચ સ્ક્રીન પરના સ્ક્રીન વાચકો સાથે વેબસાઇટ્સને વાંચે છે
તે તમારા આંખોને બંધ કરવા માટે મદદ કરે છે જેમ તમે કરો છો, પરંતુ તે તેમને ખુલ્લા અને તુલના કરવા માટે મદદ પણ કરી શકે છે. તમે તમારી વેબસાઇટ પર સાંભળીને પ્રયાસ કરો ત્યારે કેટલીક વસ્તુઓ તમે તાત્કાલિક નોટિસ કરી શકો છો કે કેટલાક ટેક્સ્ટ ક્રમમાં થઈ શકે છે શીર્ષકો અને કોષ્ટકો ગડબડ થઈ શકે છે. છબીઓ કાં તો છૂટી શકાય છે અથવા તેઓ "છબી" અથવા કંઈક સમાન રીતે નિરુપયોગી કહી શકે છે. સંદર્ભો વિના કોષ્ટકો વસ્તુઓ શ્રેણીબદ્ધ તરીકે વાંચવામાં આવે છે.
તમે આસ્થાપૂર્વક, આને ઠીક કરી શકો છો.
Alt- ટૅગ્સ અથવા વૈકલ્પિક એટ્રીબ્યુટ
ઇમેજનું વર્ણન કરવા માટે એચટીટીએલ (Alt) ટૅગ અથવા વૈકલ્પિક (alt) એટ્રીબ્યુટનો ઉપયોગ થાય છે. એચટીએમએલમાં, તે આના જેવું દેખાય છે:
જો તમે તમારી વેબસાઇટ વિઝ્યુઅલ ટૂલ સાથે કરો છો જે તમારા HTML કોડ છુપાવે છે, તો તમને લગભગ હંમેશા એક છબી વર્ણન દાખલ કરવાની તક મળશે. તમે કંઈપણ (alt = "") દાખલ કરી શકો છો, પરંતુ દરેક ઇમેજને એક ઉપયોગી વર્ણન આપવા માટે ખરેખર વધુ સારું રહેશે. જો તમે આંધળા હોત, તો તમને ઈમેજ વિશે શું જાણવાની જરૂર છે? "વુમન" ખૂબ મદદ નથી, પરંતુ કદાચ "વુમન ડ્રોઇંગ ડિઝાઈન ફ્લો ચાર્ટ જેમાં સુલભતા, ઉપયોગીતા, બ્રાન્ડિંગ અને ડિઝાઇનનો સમાવેશ થાય છે."
શીર્ષક ટેક્સ્ટ
વેબસાઇટ્સ હંમેશાં HTML શીર્ષક ટેગ પ્રદર્શિત કરતી નથી, પરંતુ તે સ્ક્રીન રીડર્સ માટે ઉપયોગી છે. ખાતરી કરો કે તમારી દરેક વેબસાઇટનાં પાનામાં એક વર્ણનાત્મક (પરંતુ વધુ પડતી વર્બોઝ) ટાઇટલ નથી જે મુલાકાતીઓને પૃષ્ઠ વિશે શું કહે છે
તમારી વેબસાઇટને સારી માહિતી હાયરાર્કી આપો
હેડર્સ સાથે ટેક્સ્ટના મોટા હિસ્સાને તોડી નાખો અને, જો શક્ય હોય, તો એચ 1, એચ 2, એચ 3 હાયરાર્કી સાથે યોગ્ય રીતે હેડરોનો ઉપયોગ કરો. સ્ક્રીન રીડર માટે ફક્ત તમારી વેબસાઇટને જ સરળ બનાવતી નથી, તે દરેક વ્યક્તિ માટે સરળ બનાવે છે. તે Google અને અન્ય શોધ એન્જિનો માટે પણ એક સારી સંકેત છે, જે તમારી વેબસાઇટને વધુ સારી અનુક્રમણિકા બનાવવામાં મદદ કરે છે.
એ જ રીતે, તમારે ખાતરી કરવી જોઈએ કે તમારી વેબસાઇટ લોજિકલ સામગ્રી ક્રમમાં છે અને તમારી પાસે બિનસંબંધિત માહિતીના બોક્સ દેખાતા નથી. જો તમે જાહેરાતોનો ઉપયોગ કરી રહ્યાં છો, તો જુઓ કે તમારી જાહેરાતો તમારી વેબસાઈટ પર વધુ પડતી કર્કશ નથી અને તમારી વેબસાઈટ પર લખાણને તોડી નાખે છે.
બેટર કોષ્ટકો બનાવો
જો તમે HTML કોષ્ટકો વાપરી રહ્યા છો, તો તમે કોષ્ટકમાં ટેબ્સમાં કેપ્શન ઉમેરી શકો છો જેથી સ્ક્રીનને બદલે બોલ્ડ ટેક્સ્ટમાંના શીર્ષકને બદલે સ્ક્રીન રીડર્સ દ્વારા તેને સમજવા માટે સરળ બનાવી શકાય. તમે "અવકાશ" તત્વને પણ ઉમેરી શકો છો અને તમારા કોષ્ટકમાં સ્પષ્ટ રૂપે નવી પંક્તિઓ અને કૉલમ્સને લેબલ કરી શકો છો જેથી સ્ક્રીન રીડર્સ કોઈ સંદર્ભ વિના આપેલ કોષ્ટક કોષની શ્રેણીને ખાલી કરી શકતા નથી.
કીબોર્ડ નેવિગેશન
સામાન્ય રીતે, તમારી વેબસાઇટ પર તમે જે કંઇપણ મૂકી તે કંઇક હોવું જોઈએ જે કોઈ વ્યક્તિ ફક્ત કીબોર્ડનો જ ઉપયોગ કરી શકે છે. તેનો અર્થ એ કે તમારી નેવિગેશન બટન્સ નીચે આવતા બટન્સ એનિમેટેડ ન હોવી જોઈએ જો તમે સ્ક્રીન રીડર સાથે તેનો ઉપયોગ કરી શકતા નથી (તેને અજમાવી જુઓ અને જુઓ કે તમે ચોક્કસ નથી તેની ખાતરી કરો - કેટલાક બટનો કીબોર્ડ ઉપયોગ માટે પ્રોગ્રામ કરેલા છે.)
બંધ કૅપ્શન્સ
જો તમે તમારી વેબસાઇટ પર વિડિઓઝ અથવા ઑડિઓ ઘટકો ઍડ કરો છો, તો તેમને કૅપ્શન્સ હોવો જોઈએ. HTML5 અને ઘણી વિડિઓ સ્ટ્રીમિંગ સેવાઓ (જેમ કે YouTube) બંધ કૅપ્શનિંગ સપોર્ટ ઓફર કરે છે બંધ કૅપ્શન્સ માત્ર ઍક્સેસિબિલિટી માટે નહીં પણ વપરાશકર્તાઓ માટે પણ ઉપયોગી છે કે જેઓ તમારી વેબસાઇટ ક્યાંક ક્યાંક ઑડિઓ ચલાવી શકશે નહીં, જેમ કે ઓફિસમાં અથવા ઘોંઘાટીયા સ્થાનમાં.
પોડકાસ્ટ અથવા અન્ય ઑડિઓ તત્વો માટે, ટેક્સ્ટ ટ્રાન્સક્રિપ્ટ પ્રદાન કરવાનું વિચારો. તે માત્ર તે લોકો માટે ઉપયોગી છે જે ઑડિઓ સાંભળતું નથી કરી શકતા, ટેક્સ્ટને Google અને અન્ય શોધ એન્જિનો માટે તે અનુક્રમણિકાને સરળ બનાવશે અને તમારા Google રેન્કિંગમાં સહાય કરશે .
એઆરઆઇએ
જો તમે એક્સેસિબિલિટીની અદ્યતન સ્તર પર જવા માગો છો, તો HTML5 ARIA અથવા WAI-ARIA સ્પષ્ટીકરણોનો હેતુ આગળ ધપાવવાનું નવું પ્રમાણ છે. જો કે, આ એક સંકુલ (અને વિકસિત) તકનીકી માર્ગદર્શિકા છે, જેથી તમે શું કરી શકો તે જોવા માટે સ્ક્રિન કરવા માટે એઆરઆઈએ (ARIA) માન્યકર્તાનો ઉપયોગ કરે છે કે નહીં તે જોવા માટે કે તમારી વેબસાઇટમાં કોઈ સમસ્યા છે જે તમે સંબોધી શકો છો. એઆરઆઈએ સાથે પ્રારંભ કરવા મોઝિલા પાસે વધુ માર્ગદર્શિકા છે.