નફો:
- આર્ટિફિશિયલ ઇન્ટેલિજન્સ સપોર્ટ સાથે કલર કોન્ટ્રાસ્ટ, વૈકલ્પિક ટેક્સ્ટ, કીબોર્ડ એક્સેસ અને WCAG માપદંડને નિયંત્રિત અને સુધારવાની ક્ષમતા
- કૃત્રિમ બુદ્ધિમત્તા સાથે સ્ક્રીન રીડર અનુભવ, વૈકલ્પિક ટેક્સ્ટ અને ફોર્મ લેબલ જેવા ઍક્સેસિબિલિટી ટેક્સ્ટ જનરેટ કરવાની અને ચકાસવાની ક્ષમતા
- વાસ્તવિક સહાયક તકનીક અને વપરાશકર્તા પરીક્ષણ સાથે AI ની ઍક્સેસિબિલિટી ભલામણોને માન્ય કરવાની મર્યાદાને સમજવી
ઍક્સેસિબિલિટી (ટૂંકમાં a11y) એ વિકલાંગ વ્યક્તિઓ સહિત દરેક વ્યક્તિ દ્વારા ઉપયોગમાં લેવાની ઉત્પાદનની ક્ષમતા છે: દૃષ્ટિની ક્ષતિ ધરાવતા વપરાશકર્તા સ્ક્રીન રીડર (સહાયક સૉફ્ટવેર કે જે ટેક્સ્ટને વાણીમાં રૂપાંતરિત કરે છે) વડે નેવિગેટ કરી શકે છે, મોટરમાં મુશ્કેલીઓ ધરાવતી વ્યક્તિ કીબોર્ડ વડે કંઈપણ કરી શકે છે, રંગ અંધ વ્યક્તિ રંગ પર આધાર રાખ્યા વિના માહિતી મેળવી શકે છે. સમાવિષ્ટ ડિઝાઇન વધુ વ્યાપક છે: તે વય, ભાષા, સંસ્કૃતિ, અસ્થાયી વિકલાંગતા (તૂટેલા હાથ) અથવા સંદર્ભિત વિકલાંગતા (સૂર્યમાં સ્ક્રીન) સહિત, ડિઝાઇનના કેન્દ્રમાં માનવ વિવિધતાને મૂકે છે. સુલભતા એ "વધારાની" નથી પરંતુ મોટાભાગના દેશોમાં મૂળભૂત જવાબદારી અને કાનૂની જરૂરિયાત છે. AI આ ક્ષેત્રમાં એક શક્તિશાળી પ્રીસ્ક્રીનર અને ડ્રાફ્ટ જનરેટર છે; પરંતુ સાચી સુલભતા માત્ર વાસ્તવિક સહાયક તકનીક અને વપરાશકર્તા પરીક્ષણ દ્વારા પુષ્ટિ થયેલ છે.
WCAG અને મુખ્ય નિયંત્રણ વિસ્તારો
WCAG (વેબ કન્ટેન્ટ એક્સેસિબિલિટી ગાઈડલાઈન્સ) એ સુલભતા માટે આંતરરાષ્ટ્રીય સ્તરે સ્વીકૃત માપદંડોનો સમૂહ છે; એએ સ્તર સામાન્ય રીતે લક્ષિત હોય છે. તેના ચાર સિદ્ધાંતો છે: સામગ્રી સમજી શકાય તેવું હોવું જોઈએ, ઈન્ટરફેસ વાપરી શકાય તેવું હોવું જોઈએ, માહિતી સમજી શકાય તેવી અને તકનીકી રીતે સાઉન્ડ હોવી જોઈએ. વ્યવહારમાં સૌથી સામાન્ય નિયંત્રણ ક્ષેત્રો છે:
- રંગ વિરોધાભાસ: શું ટેક્સ્ટ અને પૃષ્ઠભૂમિ વચ્ચેનો તફાવત પૂરતો છે? (AA માટે, સામાન્ય ટેક્સ્ટમાં ઓછામાં ઓછો 4.5:1 ગુણોત્તર.)
- વૈકલ્પિક ટેક્સ્ટ (અલ્ટ ટેક્સ્ટ): શું ઈમેજીસમાં કોઈ ટેક્સ્ટ સમકક્ષ છે જે સ્ક્રીન રીડરને સમજાવે છે?
- કીબોર્ડ એક્સેસ: શું માઉસ વિના કંઈપણ કરી શકાય છે? ફોકસ ઓર્ડર અર્થમાં બનાવે છે?
- માત્ર રંગની માહિતી: "લાલ ફીલ્ડમાં ભરો" જેવા શબ્દસમૂહો રંગ અંધ વપરાશકર્તાને બાકાત રાખે છે.
- ફોર્મ લેબલ્સ: શું દરેક ઇનપુટ ફીલ્ડમાં લેબલ હોય છે જે સ્ક્રીન રીડર વાંચશે?
- ટચ ટાર્ગેટ: શું આંગળીઓ વડે આરામથી દબાવવા માટે બટનો એટલા મોટા છે?
AI આમાંના ઘણા ક્ષેત્રોમાં ઝડપી પ્રારંભિક સ્કેન કરી શકે છે: તમે થોડો ટેક્સ્ટ આપી શકો છો અને પૂછી શકો છો "શું કોન્ટ્રાસ્ટ પર્યાપ્ત છે?", એક છબીનું વર્ણન આપો અને "અલ્ટ ટેક્સ્ટ સૂચવો" પૂછો, ઇન્ટરફેસ વર્ણન આપો અને "કીબોર્ડ ઍક્સેસ સમસ્યાઓ શું છે" પૂછો.
સાવધાન: માત્ર કારણ કે AI કહે છે કે "તે સુલભ લાગે છે" એ ઍક્સેસિબિલિટીની ગેરંટી નથી. ઓટોમેટિક ચેક WCAG ની કેટલીક ભૂલો જ પકડે છે; બાકીના વાસ્તવિક ઉપયોગ સાથે બહાર આવશે.
વૈકલ્પિક ટેક્સ્ટ: સારા વૈકલ્પિક ટેક્સ્ટનું રહસ્ય
વૈકલ્પિક ટેક્સ્ટ દૃષ્ટિહીન વપરાશકર્તા માટે છબીને બદલે છે. સારી વૈકલ્પિક ટેક્સ્ટ છબીના કાર્ય અને અર્થને જણાવે છે, તેની સુશોભન વિગતો નહીં. "કાર્ટમાં ઉમેરો" આયકન માટેનો વૈકલ્પિક ટેક્સ્ટ "કાર્ટમાં ઉમેરો" હોવો જોઈએ અને "શોપિંગ કાર્ટ ઇમેજ" નહીં કારણ કે તે વપરાશકર્તા માટે મહત્વની ક્રિયા છે. AI સબટેક્સ્ટ રૂપરેખા બનાવવા માટે સારું છે, પરંતુ કારણ કે તે સંદર્ભને જાણતું નથી, તે વધુ પડતા વર્ણનાત્મક અથવા અપ્રસ્તુત ટેક્સ્ટનું નિર્માણ કરી શકે છે. તમે દરેક વૈકલ્પિક ટેક્સ્ટને પૂછો છો "આ છબી અહીં શા માટે છે?" પ્રશ્ન સાથે પાક.
દ્રશ્ય
નબળું સબટેક્સ્ટ
મજબૂત સબટેક્સ્ટ
કાર્ટ આઇકન (બટન)
"કાર્ટ આઇકન, રાખોડી રંગ"
"કાર્ટમાં ઉમેરો"
ઉત્પાદન ફોટો
"ચિત્ર"
"વાદળી શિયાળુ કોટ, આગળનું દૃશ્ય"
સુશોભન રેખા
"આભૂષણ રેખા"
(ખાલી છોડો - સુશોભન)
ગ્રાફિક્સ
"ગ્રાફિક છબી"
"2024 વેચાણ: દર ક્વાર્ટરમાં વધારો"
સમાવિષ્ટ ભાષા અને અવકાશ
સુલભતા તકનીકી નિયંત્રણો સુધી મર્યાદિત નથી; ભાષા પણ સમાવિષ્ટ છે. ટેક્સ્ટ કે જે લિંગ ધારે છે ("વપરાશકર્તા અને તેની/તેણી/તેણીની પત્ની"), ક્ષમતાના આધારે બાકાત રાખવામાં આવે છે ("નજર," "સરળતાથી સાંભળો"), અથવા સાંસ્કૃતિક ધારણાઓ ધરાવે છે તે કેટલાક વપરાશકર્તાઓને બાકાત રાખશે. AI આ પરિપ્રેક્ષ્યમાં ટેક્સ્ટને સ્કેન કરી શકે છે, પરંતુ તમારે ખાતરી કરવી જોઈએ કે તે સૂચવે છે તે "તટસ્થ" ભાષા કુદરતી અને સમજી શકાય તેવી રહે; વધુ પડતું સુધારવું ટેક્સ્ટને બેડોળ બનાવી શકે છે.
ત્રણ નાના કેસો
કેસ 1 - કોન્ટ્રાસ્ટ ભૂલો વહેલી પકડાઈ. એક ટીમે 20 સ્ક્રીનના ટેક્સ્ટ કલર્સને AI સ્કેન કર્યું અને નક્કી કર્યું કે 7 જગ્યાએ કોન્ટ્રાસ્ટ AA થ્રેશોલ્ડથી નીચે છે. વિકાસમાં ગયા વિના સુધારા કરવામાં આવ્યા હતા; અનુગામી કરેક્શનનો ખર્ચ ટાળવામાં આવ્યો હતો. પરંતુ ટીમે હજુ પણ વાસ્તવિક સ્ક્રીન રીડર ટેસ્ટને છોડ્યો નથી.
કેસ 2 — માત્ર રંગ-સંબંધિત માહિતી સુધારવામાં આવી હતી. એક ફોર્મ માત્ર લાલ કિનારી સાથે ભૂલ ક્ષેત્રો દર્શાવે છે. એઆઈએ આને ફ્લેગ કર્યું; ટીમે દરેક ભૂલમાં ટેક્સ્ટ અને ચિહ્નો પણ ઉમેર્યા છે. કલરબ્લાઈન્ડ યુઝર્સ હવે એરર જોઈ શકશે. પાઠ: એકલો રંગ માહિતી આપી શકતો નથી.
કેસ 3 - AI ગેરમાર્ગે દોરતી મંજૂરી. એક ડિઝાઇનરે સ્ક્રીન રીડર પરીક્ષણ છોડી દીધું કારણ કે તેણે AIને "ઍક્સેસિબલ" કહ્યું. વાસ્તવિક પરીક્ષણમાં, તે બહાર આવ્યું છે કે ફોકસ ઓર્ડર ભેળસેળમાં હતો અને કેટલાક બટનો બિલકુલ વાંચ્યા ન હતા. પાઠ: સ્વચાલિત પુષ્ટિ એ શરૂઆત છે; વાસ્તવિક સહાયક તકનીકી પરીક્ષણ ફરજિયાત છે.
નકલ કરી શકાય તેવા સંકેતો
ઍક્સેસિબિલિટી માટે આ ઇન્ટરફેસ વર્ણનને પ્રી-સ્કેન કરો:1) શું માત્ર રંગ પર આધારિત માહિતી વહન કરવામાં આવે છે? 2) શું દરેક ક્લિક કરી શકાય તેવા ઘટક માટે ટેક્સ્ટ લેબલ છે? 3) શું એવા કોઈ ઘટકો છે કે જે કીબોર્ડ દ્વારા એક્સેસ કરી શકાતા નથી? 4) શું ફોકસ ઓર્ડર અર્થપૂર્ણ છે? દરેક સમસ્યા અને સૂચનોની સૂચિબદ્ધ કરો. નોંધ ઉમેરો "વાસ્તવિક પરીક્ષણ જરૂરી." રેસીપી: <<text>>
આ છબીઓ માટે વૈકલ્પિક ટેક્સ્ટ સૂચવો. નિયમ: છબીનું કાર્ય/અર્થ જણાવો, સુશોભન વિગતો નહીં. બટન ચિહ્નો માટે ક્રિયા લખો. સુશોભિત છબીઓ માટે, "Alt ટેક્સ્ટ ખાલી છોડવો જોઈએ" કહો. સંદર્ભ અને છબી વર્ણન: <<list>>
સમાવિષ્ટ ભાષા માટે આ ગ્રંથો તપાસો: શું ત્યાં લિંગ ધારણાઓ, ક્ષમતા-આધારિત બાકાત ભાષા (જેમ કે “જુઓ,” “સાંભળો”), સાંસ્કૃતિક ધારણાઓ છે? કુદરતી રહે તેવા વિકલ્પો સૂચવો; વધારે સુધારો કરશો નહીં. ટેક્સ્ટ્સ: <<list>>
આ ફોર્મ માટે ઍક્સેસિબલ ભૂલ અને લેબલ ટેક્સ્ટ લખો: દરેક ફીલ્ડ માટે દૃશ્યમાન લેબલ, સ્ક્રીન રીડર માટેનું વર્ણન અને ભૂલનું વર્ણન કરતો સંદેશ, રંગ (ટેક્સ્ટ + આઇકન) ને ધ્યાનમાં લીધા વિના. અવાજ અને સ્વર: <<card>>ફોર્મ ફીલ્ડ્સ: <<list>>
નબળા પ્રોમ્પ્ટ / મજબૂત પ્રોમ્પ્ટ
નબળા: "આ છબી માટે વૈકલ્પિક ટેક્સ્ટ લખો."
પરિણામ: "એક છબી" અથવા વધુ પડતું વર્ણનાત્મક ટેક્સ્ટ જે કાર્યને ચૂકી જાય છે.
સશક્ત: "આ છબીઓ માટે વૈકલ્પિક ટેક્સ્ટ સૂચવો; ઇમેજનું કાર્ય/અર્થ જણાવો; બટન ચિહ્નો માટે ક્રિયા લખો; સુશોભનને 'ખાલી છોડવી જોઈએ' તરીકે ચિહ્નિત કરો."
પરિણામ: સંદર્ભિત, કાર્ય-લક્ષી, સચોટ સબટેક્સ્ટ.
તફાવત: મજબૂત પ્રોમ્પ્ટ કાર્યાત્મક ફોકસ + બટન કન્વેન્શન + સુશોભન તફાવત લાવે છે.
સામાન્ય ભૂલો
- સુલભતાની બાંયધરી તરીકે કૃત્રિમ બુદ્ધિમત્તાની મંજૂરીની ભૂલ કરવી. તે વાસ્તવિક પરીક્ષણનો વિકલ્પ નથી.
- ફક્ત માહિતીને રંગમાં લોડ કરી રહ્યું છે. કલરબ્લાઈન્ડ વપરાશકર્તાઓ માહિતી ચૂકી જાય છે.
- વૈકલ્પિક ટેક્સ્ટમાં, કાર્યને નહીં, છબીને સમજાવવું. બટન આયકન માટે ક્રિયા લખવી આવશ્યક છે.
- છેલ્લા માટે ઍક્સેસિબિલિટી છોડીને. જો તે વાયરફ્રેમ સ્ટેજ પર શરૂ ન થાય, તો તેને પાછળથી પેચ કરવું મોંઘું પડશે.
- વધુ પડતી સુધારેલી ભાષા. સર્વસમાવેશક ભાષા કે જે પ્રાકૃતિકતા ગુમાવે છે તે પણ સમજશક્તિને નબળી પાડે છે.
સારાંશમાં
સુલભતાનો અર્થ એ છે કે ઉત્પાદન દરેક માટે ઉપલબ્ધ છે; તે વધારાનું નથી, તે આવશ્યક છે અને મોટા ભાગના સ્થળોએ, કાનૂની જવાબદારી છે. AI એ કોન્ટ્રાસ્ટ, Alt ટેક્સ્ટ, કીબોર્ડ એક્સેસ અને સર્વસમાવેશક ભાષા સ્કેનિંગ માટે ઝડપી પ્રીફ્લાઇટ અને ડ્રાફ્ટ જનરેટર તરીકે મૂલ્યવાન છે. પરંતુ સ્વયંસંચાલિત મંજૂરી માત્ર WCAG ની કેટલીક ભૂલોને પકડે છે; સ્ક્રીન રીડર્સ અને વાસ્તવિક સહાયક ટેક્નોલોજી વપરાશકર્તાઓ સાથે પરીક્ષણ દ્વારા વાસ્તવિક ઍક્સેસિબિલિટીની પુષ્ટિ થાય છે. ફ્રન્ટ બ્રાઉઝર તરીકે મોડેલનો ઉપયોગ કરો, વાસ્તવિક પરીક્ષણમાંથી સાબિતી મેળવો.
એપ્લિકેશન કાર્ય
- પ્રથમ પ્રોમ્પ્ટ પર સુલભતા માટે ઇન્ટરફેસ વર્ણન પ્રી-સ્કેન કરો.
- માત્ર રંગ-આધારિત માહિતી અથવા લેબલ વગરની વસ્તુઓને ઠીક કરો.
- બીજા પ્રોમ્પ્ટ સાથે તમારી સ્ક્રીન પરના વિઝ્યુઅલ્સ માટે ફંક્શન-ઓરિએન્ટેડ Alt ટેક્સ્ટ્સ જનરેટ કરો.
- ત્રીજા પ્રોમ્પ્ટ સાથે સમાવિષ્ટ ભાષા માટે તમારા પાઠો તપાસો.
- જો શક્ય હોય તો, સ્ક્રીન રીડર સાથે વાસ્તવિક પરીક્ષણનો પ્રયાસ કરો અને નોંધ કરો કે સ્વચાલિત સ્કેન શું ચૂકી જાય છે.
ચેકલિસ્ટ
- [ ] મેં કોન્ટ્રાસ્ટ, કીબોર્ડ એક્સેસ અને લેબલ્સ પ્રી-સ્કેન કર્યા છે.
- [ ] મેં ફક્ત રંગ પર આધારિત માહિતી છોડી નથી.
- [ ] મેં સબટેક્સ્ટને કાર્યાત્મક રીતે લખ્યા અને સુશોભનને ખાલી રાખ્યું.
- [ ] મેં એક સમાવિષ્ટ ભાષા નિયંત્રણ બનાવ્યું, મેં પ્રાકૃતિકતાને સાચવી.
- [ ] મેં સ્વચાલિત મંજૂરીને સુલભતાની ગેરંટી ગણી નથી.
- મેં વાસ્તવિક સહાયક ટેક્નોલોજી પરીક્ષણનું આયોજન/અમલીકરણ કર્યું.