छवि ऑल्ट सर्वोत्तम प्रथाओं

Question

<img> टैग पर alt विशेषता का इच्छित उपयोग वास्तव में क्या है विशेषता?

यह छवि का वर्णन करना चाहिए, या यह स्क्रीन पाठकों (और जो लोग है छवियां बंद हो) के लिए सार्थक प्रतिस्थापन पाठ प्रदान करना चाहिए?

उदाहरण के लिए, यदि मेरी वेबसाइट पर किसी व्यक्ति की एक छोटी जीवनी है, और उनमें से एक छोटी तस्वीर शामिल है, तो क्या यह वास्तव में दृष्टिहीन लोगों के लिए "जॉन स्मिथ का फोटो" पढ़ने के लिए वास्तव में सार्थक है? यदि छवि किसी कारण से लोड नहीं हो सका

Answer 1

एचटीएमएल 5 कल्पना इस पर एक huge section है जॉन स्मिथ का विवरण, या घटना लेने जगह का विवरण, साथ प्रतिस्थापित किया जा सकता है।

असल में, alt विशेषता होना चाहिए क्या पाठ के रूप में वहाँ होगा यदि आप सब पर एक छवि इस्तेमाल नहीं किया था। यदि आपकी छवि पूरी तरह से सजावटी है, तो आप alt="" का उपयोग कर सकते हैं।वर्णन title विशेषता में जाता है।

Answer 2

इसकी "वैकल्पिक" पाठ प्रदान करता है। आपके उदाहरण में मैं हाँ कहूंगा कि यह उचित होगा।

Answer 3

यह कुछ भी होना चाहिए जो छवि प्रदर्शित नहीं होने पर उपयोगकर्ता की सहायता करता है।

Btw जब आप IE में एक छवि और टूलटिप पर होवर की "सुविधा" से पता चलता एएलटी एएलटी की सही व्यवहार नहीं है। इसके लिए शीर्षक का उपयोग किया जाना चाहिए।

Answer 4

पहली बार इस पर [img alt accessibility] देता है पर विचार करें कि पेज कैसा दिखता है या छवियों को दिखाए जाने पर कैसा लगता है। फिर, प्रत्येक छवि के लिए एक alt टेक्स्ट लिखें जो प्रतिस्थापन (Guidelines on alt texts in img elements)

Answer 5

स्पष्ट रूप से छवि का वर्णन करता है, जैसे कि आप किसी अंधे व्यक्ति से बात कर रहे थे। बहुत साधारण।

मुझे यकीन है कि Google द्वारा छवि खोजों को अनुक्रमणित करने के लिए यह विशेषता मान का उपयोग किया जाता है।

Answer 6

w3.org से: वैकल्पिक टेक्स्ट बहुत सहायक हो सकता है

है, यह देखभाल के साथ संभाला जाना चाहिए। लेखक निम्न दिशानिर्देशों का पालन करना चाहिए:

• जब एक पृष्ठ को फ़ॉर्मेट करने का इरादा छवियों, उदाहरण के लिए सहित, alt = "लाल गेंद" एक छवि है कि सजा के लिए एक लाल गेंद कहते हैं के लिए अनुचित होगा अप्रासंगिक वैकल्पिक टेक्स्ट निर्दिष्ट नहीं करें एक शीर्षक या अनुच्छेद। ऐसे मामलों में, वैकल्पिक पाठ खाली स्ट्रिंग ("") होना चाहिए। लेखकों को किसी भी मामले में पृष्ठों को प्रारूपित करने के लिए छवियों का उपयोग करने से बचने की सलाह दी जाती है; स्टाइल शीट का इस्तेमाल इसके बजाय किया जाना चाहिए।
• अर्थहीन वैकल्पिक पाठ निर्दिष्ट नहीं करें (उदा।, "डमी टेक्स्ट")। न केवल इस निराशाजनक उपयोगकर्ताओं को, यह उपयोगकर्ता एजेंटों को धीमा कर देगा जो पाठ को भाषण या ब्रेल आउटपुट में परिवर्तित करना होगा।

Answer 7

मुझे लगता है कि विचार छवि के साथ समान जानकारी को संवाद करने के लिए alt टेक्स्ट का उपयोग करना है। यह इस बात पर निर्भर करता है कि छवि क्या है।

नेविगेशनल तत्वों शायद बेहतर उनकी उपस्थिति ("दायाँ तीर") की तुलना में उनके कार्य के द्वारा वर्णित हैं ("अगले पृष्ठ", "वापस")।

जॉन स्मिथ की तस्वीर आदि

Answer 8

"alt" विशेषता छवि के अर्थशास्त्र का एक वैकल्पिक (पाठ) प्रतिनिधित्व है। यह उन छवियों के लिए उपयोग नहीं किया जाता है जो लोड नहीं कर सकते हैं: यह स्क्रीन-पाठकों या टेक्स्ट-केवल ब्राउज़र के लिए भी उपयोग किया जाता है।

आपके विशेष मामले में, alt-text प्रकार सहित, इस बात पर निर्भर करता है कि क्या आपको लगता है कि पृष्ठ में व्यक्ति की एक तस्वीर है या नहीं। यदि यह पूरी तरह से दृश्य वस्तु है, तो आप कोई alt-text नहीं चाहते हैं। यदि इसे किसी प्रकार के लिंक के रूप में भी उपयोग किया जाता है, तो आप शायद कुछ alt-text चाहते हैं ताकि स्क्रीन-रीडर का उपयोग करने वाले व्यक्ति के पास लिंक के बाद क्या हो सकता है इसके बारे में कुछ सुराग हो।

Answer 9

अगर मैं अपनी वेबसाइट पर एक व्यक्ति की एक संक्षिप्त जीवनी है, और, उनमें से एक छोटे फ़ोटो शामिल यह वास्तव में करने के लिए "जॉन स्मिथ की फोटो" पढ़ा दृष्टिबाधित उपयोगकर्ताओं करने के लिए सार्थक है उनको?

यदि आपके पास उस alt टेक्स्ट नहीं है, तो आपको क्या लगता है कि वे छवि मान लेंगे? "जॉन स्मिथ और उनकी पत्नी का फोटो"? "जॉन स्मिथ का फोटो अपने ऑस्कर को स्वीकार कर रहा है"? "जॉन स्मिथ की तस्वीर जेएफके की हत्या"? "जॉन स्मिथ का फोटो अपने पालतू हाथी द्वारा हत्या के बाद अपने आंगन पर मृत पड़ा"?

यदि यह जॉन स्मिथ की एक तस्वीर है, तो हाँ, ऐसा कहें। अगर यह कुछ और है, तो ऐसा कहो।

Answer 10

Alt विशेषता img टैग के साथ उपयोग की जाती है।

Alt वैकल्पिक

यह छवि के संक्षिप्त विवरण के लिए प्रयोग किया जाता है का मतलब है।

यह मामला ब्राउज़र में स्क्रीन पर प्रदर्शित किया जाता है छवि को लोड करने अगर शीर्षक पाठ उपलब्ध नहीं है

Click to Know more