𝗔𝗜 𝟲 𝗽𝗮𝗶𝗸𝗶 𝟭 𝘃𝘆𝗮𝗸𝘁𝗶𝘀𝗮𝗮𝘁𝗵𝗶 𝗪𝗲𝗯 𝗯𝗶𝗴𝗵𝗮𝗱𝗮𝘁 𝗮𝗵𝗲
एका AI ने अवघ्या चार सेकंदात एक उत्तम वेब फॉर्म तयार केला. त्यामध्ये स्पष्ट लेबल्स आणि एक छान निळा बटण होते.
मग मी स्क्रीन रीडर (screen reader) सुरू केले. तिथे काहीच नव्हते. कोणतेही फील्डचे नाव नव्हते. त्रुटींचे (error) संदेश नव्हते. फक्त शांतता होती.
AI वेबचा दृश्य भाग (visible part) पूर्वीपेक्षा वेगाने तयार करते. पण ६ पैकी १ व्यक्ती ज्या भागावर अवलंबून असते, तो भाग ते सोडून देते.
ही आकडेवारी भीतीदायक आहे. • ९५.९% आघाडीच्या वेबसाइट्समध्ये ॲक्सेसिबिलिटीच्या (accessibility) त्रुटी आहेत. • २०२५ मध्ये ॲक्सेसिबिलिटी संबंधित कायदेशीर खटल्यांमध्ये २७% वाढ झाली आहे. • ४१% नवीन कोड आता AI द्वारे तयार केला जात आहे.
Radix किंवा shadcn सारखे फ्रेमवर्क्स वापरण्यात AI उत्तम आहे. कीबोर्ड नेव्हिगेशन (keyboard navigation) सारखी कठीण कामे ही टूल्स हाताळतात.
पण फ्रेमवर्क्स सर्व काही करू शकत नाहीत. तुम्ही स्वतः जबाबदार असलेल्या लेयर्समध्ये (layers) AI अजूनही अपयशी ठरते:
- प्रतिमांसाठी अर्थपूर्ण alt text लिहिणे.
- स्पष्ट फॉर्म लेबल्स तयार करणे.
- पुरेसा कॉन्ट्रास्ट (contrast) असलेले रंग निवडणे.
- पेजची योग्य भाषा सेट करणे.
AI जे पाहू शकत नाही, ते सोडून देते. जर तुम्ही फक्त व्हिज्युअल डिझाइन तपासले, तर तुम्ही अंध किंवा शारीरिकदृष्ट्या अक्षम (motor-impaired) वापरकर्त्यांसाठीचा बिघडलेला अनुभव दुर्लक्षित करता.
ही आता केवळ नैतिकतेची समस्या राहिलेली नाही. हा एक कायदेशीर धोका आहे. २०२६ ते २०२८ दरम्यान ADA Title II च्या डेडलाईन्स येत आहेत. तुम्ही हे केवळ एखाद्या overlay widget ने ठीक करू शकत नाही. तुम्हाला ते कोडमध्येच दुरुस्त करावे लागेल.
AI सोबत अधिक चांगले कसे बनवायचे:
- Radix किंवा shadcn सारखी ॲक्सेसिबल पायाभूत साधने वापरा.
- तुमच्या वर्कफ्लोमध्ये Axe सारखी ऑटोमेटेड टूल्स वापरा.
- मॅन्युअल स्क्रीन रीडर टेस्ट करा. ऑटोमेशन गहाळ लेबल्स शोधू शकते, पण एखादे लेबल अर्थपूर्ण आहे की नाही हे ते सांगू शकत नाही.
- AI कोड लिहित असतानाच त्याला ॲक्सेसिबिलिटीबद्दल फीडबॅक द्या, कोड तयार झाल्यानंतर नाही.
केवळ आउटपुटवर विश्वास ठेवू नका. जर तुम्ही स्क्रीन रीडरने टेस्ट केले नाही, तर तुम्ही दोषपूर्ण उत्पादने (broken products) बाजारात आणत आहात.
जर तुम्ही बनवण्यासाठी AI वापरत असाल, तर ते तुमच्या ॲक्सेसिबिलिटीला मदत करत आहे की नुकसान करत आहे? तुम्ही त्या अदृश्य लेयरची (invisible layer) चाचणी घेता का?