2013-02-05 3 views
5

क्या यह सच है कि चित्रों/आइकन प्रदर्शित करने के गलत तरीके से & सही तरीके से सही हैं?
मेरा मतलब है कि अख़बार लेख की सभी तस्वीरें पृष्ठभूमि छवियों के रूप में शामिल करना बहुत अनुकूल नहीं है क्योंकि इस तरह, स्क्रीन पाठक alt टेक्स्ट को नहीं पढ़ सकते हैं, लेकिन आइकन या उपयोगकर्ता इंटरफ़ेस तत्वों के बारे में क्या? क्या यह पृष्ठभूमि-छवियों के रूप में शामिल करने के लिए एक अर्थपूर्ण उन्मुख दृष्टिकोण से न्यायसंगत है?एचटीएमएल - छवियों/आइकन/उपयोगकर्ता इंटरफेस तत्व प्रदर्शित करने का अर्थपूर्ण तरीका?

+0

आइकन के लिए सीएसएस कक्षाओं के साथ 'i' तत्वों का उपयोग करने की प्रवृत्ति है। यदि यह अच्छी प्रवृत्ति है, तो मुझे नहीं पता। आम तौर पर, आईएमओ, जो कुछ भी यूआई से संबंधित है (जिसमें आइकन शामिल हैं) सीएसएस में होना चाहिए। –

+0

@ फ़ेलिक्सक्लिंग मैं तर्क दूंगा कि आइकन का विशाल बहुमत अभी भी सामग्री है। उनके पास इसका अर्थ है और इसमें मूल्य जोड़ना है। वे केवल कुछ पृष्ठभूमि सजावट नहीं हैं जिन्हें सामग्री को प्रभावित किए बिना हटाया जा सकता है। – tomasz86

उत्तर

6

विभिन्न प्रकार की छवियों को प्रदर्शित करने के कुछ अर्थात् सही और गलत तरीके हैं।

  • सामान्य छवियों यह मानक <img> टैग का उपयोग करना बेहतर है क्योंकि वे अक्सर एक साइट की मुख्य सामग्री। सामग्री के महत्वपूर्ण हिस्सों के बारे में उपयोगकर्ताओं को सूचित करने के लिए इन्हें alt टैग होना चाहिए।
  • आइकन एक ऐसी छवि है जो आपकी साइट की मुख्य सामग्री नहीं है, लेकिन उन्हें <img> टैग का उपयोग करके भी प्रदर्शित किया जाना चाहिए क्योंकि यह दिखाने के लिए उपयोग करना महत्वपूर्ण है कि कौन से विशिष्ट आइकन सही तरीके से प्रदर्शित नहीं होते हैं।
  • महत्वपूर्ण तस्वीरें जो साइट को अच्छी बनाती है और साइट की मुख्य सामग्री नहीं होती है, पृष्ठभूमि के रूप में प्रदर्शित की जानी चाहिए, क्योंकि तब आप अपने DOM में अनावश्यक नोड्स का उपयोग नहीं करते हैं।
+1

बिंगो! मैं यह भी जोड़ना चाहता हूं कि तथाकथित "गैर-महत्वपूर्ण" तत्व अक्सर पृष्ठ से पृष्ठ पर और शायद उसी पृष्ठ के संदर्भ में भी दोहराए जाते हैं। तो सीएसएस के माध्यम से पृष्ठभूमि के रूप में लोड करने से भी प्रतिपादन भी बाहर हो जाएगा। – JakeGould

2

मुझे नहीं लगता कि आपको आइकन को उस प्रतीक का प्रतिनिधित्व करने के लिए एक अलग तत्व के रूप में शामिल करना चाहिए; जैसे एक img या i

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

आइकन के लिए अलग मार्कअप का उपयोग करना एक अर्थपूर्ण त्रुटि/गलती है। आइकन स्वयं कुछ भी नहीं करता है। अंतर्निहित तत्व के कार्य को याद रखने के लिए यह सिर्फ वहां है। लेकिन वास्तव में वे तत्व तब भी होते हैं जब आप आइकन हटाते हैं।

तो हाँ, मैं हमेशा आइकन को पृष्ठभूमि तत्वों के रूप में प्रत्यक्ष रूप से या जेनरेट किए गए छद्म तत्व में शामिल करता हूं।

संबंधित मुद्दे