वेबसाइट की समझ
प्रोडक्ट की फोटो का alt text क्या लिखें?
ऑनलाइन दुकान में अच्छी फोटो जरूरी है, लेकिन उसका छोटा लिखित विकल्प भी उपयोगी होता है। Alt text तस्वीर की जरूरी जानकारी या उसके काम को शब्दों में बताता है। इसे हर जगह कीवर्ड भरने का स्थान न मानें। सही विवरण लिखने से पहले देखें कि तस्वीर पेज पर क्यों रखी गई है और उसके पास पहले से क्या जानकारी लिखी है।
फोटो का उद्देश्य पहचानें
प्रोडक्ट दिखाने वाली फोटो में कोई उपयोगी रंग, आकार या दृश्य विशेषता हो सकती है। वहीं पेज की पृष्ठभूमि में लगा सजावटी पैटर्न कोई नई जानकारी नहीं देता। W3C की guidance ऐसे उद्देश्यों में अंतर करती है। केवल सजावट के लिए इस्तेमाल तस्वीर का खाली alt उपयुक्त हो सकता है, जबकि जानकारी देने वाली तस्वीर का अर्थ उपलब्ध होना चाहिए।
यह फैसला अकेली फाइल देखकर न करें। वही फोटो किसी एक पेज में जरूरी और दूसरे पेज में सजावटी हो सकती है। पास में मौजूद शीर्षक और विवरण भी पढ़ें।
दिखाई देने वाली बात तक सीमित रहें
एक काल्पनिक उदाहरण लें: दुकान में नीले मग की सामने से ली गई फोटो है। विवरण में रंग और दिखाई देता हैंडल उपयोगी हो सकते हैं। लेकिन फोटो देखकर उसे हाथ से बना, माइक्रोवेव-सुरक्षित या किसी खास क्षमता वाला घोषित करना सही नहीं है। ऐसे गुण प्रोडक्ट की सत्यापित जानकारी से आने चाहिए।
अलग कोण की फोटो कोई नया उपयोगी विवरण दिखाती है तो उसे ध्यान में रखें। हर तस्वीर में दुकान का नाम और वही बिक्री वाली लंबी पंक्ति दोहराने के बजाय पाठक को उपलब्ध वास्तविक जानकारी दें।
लिंक और बटन को अलग समझें
अगर तस्वीर क्लिक करने वाला नियंत्रण है, तो पाठक को उसका काम समझना चाहिए। उदाहरण के लिए केवल तीर का रंग बताने के बजाय अगला प्रोडक्ट देखने का उद्देश्य स्पष्ट होना अधिक उपयोगी हो सकता है। नियंत्रण का accessible नाम पूरे interface के अनुसार जाँचें।
सुधार के बाद कुछ प्रतिनिधि प्रोडक्ट पेज देखें। जरूरी जानकारी सामान्य पाठ में भी रखें, विशेषकर आकार, कीमत और खरीद की शर्तें। Alt text लिख देने से पूरी वेबसाइट की accessibility जाँच पूरी नहीं हो जाती। यह सामग्री और interface की कई जाँचों में से एक है।
अगला कदम
यह छोटी checklist काम आएगी
- तस्वीर का उद्देश्य और आसपास का पाठ पढ़ें।
- सिर्फ सत्यापित, जरूरी जानकारी लिखें।
- सजावटी तस्वीर और जानकारी देने वाली फोटो अलग जाँचें।
- तस्वीर वाले बटन या लिंक का उद्देश्य स्पष्ट रखें।
- अलग प्रोडक्ट पेज और मोबाइल layout पर परिणाम देखें।