सामग्री छिपाएँ
सुलभता के लिए सामग्री को छिपाना बहुत उपयोगी है। हम चीजों को केवल दृश्य रूप से छिपा सकते हैं और उन्हें केवल स्क्रीन रीडर उपयोगकर्ताओं को दिखा सकते हैं, हम सामग्री को स्क्रीन रीडर उपयोगकर्ताओं से छिपा सकते हैं और केवल दृश्य रूप से प्रदर्शित कर सकते हैं, या हम दोनों से सामग्री को छिपा सकते हैं। Drupal में कुछ अंतर्निहित CSS कक्षाएं शामिल हैं जो आपकी मंशा को स्पष्ट करने में मदद करती हैं। हम { display:none; } का उपयोग करने की अनुशंसा नहीं करते हैं, क्योंकि इसे अक्सर गलत तरीके से इस्तेमाल किया जाता है।
तकनीक | दृश्य रूप से छिपा हुआ | स्क्रीन रीडर से छिपा | अतिरिक्त जानकारी |
CSS:
|
हाँ | नहीं |
यह Drupal 8 में अंतर्निहित है। Drupal 7 में यह class="element-invisible" था। |
CSS:
|
हाँ | हाँ |
यह Drupal 8 में अंतर्निहित है। Drupal 7 में यह class="element-invisible" था। |
HTML5 विशेषता:
|
हाँ | हाँ |
समर्थित ब्राउज़रों में यह CSS { display:none; } के समान है। |
ARIA विशेषता:
|
नहीं | हाँ | आधुनिक ब्राउज़रों में अंतर्निहित। HTML5 hidden विशेषता के समान |
CSS:
|
हाँ | हाँ | यह Drupal 8 में अंतर्निहित है। Drupal 7 में यह class="element-invisible element-focusable" था। |
यह प्रारूप 18F Hidden Content पेज से लिया गया है।