logo

एक्स्ट्रा ब्लॉक टाइप्स (EBT) - नया लेआउट बिल्डर अनुभव❗

एक्स्ट्रा ब्लॉक टाइप्स (EBT) - स्टाइलिश, कस्टमाइज़ेबल ब्लॉक टाइप्स: स्लाइडशो, टैब्स, कार्ड्स, एकॉर्डियन्स और कई अन्य। बैकग्राउंड, DOM बॉक्स, जावास्क्रिप्ट प्लगइन्स के लिए बिल्ट-इन सेटिंग्स। आज ही लेआउट बिल्डिंग का भविष्य अनुभव करें।

डेमो EBT मॉड्यूल्स EBT मॉड्यूल्स डाउनलोड करें

❗एक्स्ट्रा पैराग्राफ टाइप्स (EPT) - नया पैराग्राफ्स अनुभव

एक्स्ट्रा पैराग्राफ टाइप्स (EPT) - एनालॉजिकल पैराग्राफ आधारित मॉड्यूल्स का सेट।

डेमो EPT मॉड्यूल्स EPT मॉड्यूल्स डाउनलोड करें

स्क्रॉल
04/10/2025, by Ivan

सुलभता के लिए सामग्री को छिपाना बहुत उपयोगी है। हम चीजों को केवल दृश्य रूप से छिपा सकते हैं और उन्हें केवल स्क्रीन रीडर उपयोगकर्ताओं को दिखा सकते हैं, हम सामग्री को स्क्रीन रीडर उपयोगकर्ताओं से छिपा सकते हैं और केवल दृश्य रूप से प्रदर्शित कर सकते हैं, या हम दोनों से सामग्री को छिपा सकते हैं। Drupal में कुछ अंतर्निहित CSS कक्षाएं शामिल हैं जो आपकी मंशा को स्पष्ट करने में मदद करती हैं। हम { display:none; } का उपयोग करने की अनुशंसा नहीं करते हैं, क्योंकि इसे अक्सर गलत तरीके से इस्तेमाल किया जाता है।

तकनीक     दृश्य रूप से छिपा हुआ     स्क्रीन रीडर से छिपा अतिरिक्त जानकारी

CSS: 

<div class="visually-hidden"></div>

        हाँ           नहीं

यह Drupal 8 में अंतर्निहित है। Drupal 7 में यह class="element-invisible" था।

CSS: 

<div class="hidden"></div>

        हाँ           हाँ

यह Drupal 8 में अंतर्निहित है। Drupal 7 में यह class="element-invisible" था।

HTML5 विशेषता: 

<div hidden></div>

        हाँ           हाँ

समर्थित ब्राउज़रों में यह CSS { display:none; } के समान है।

ARIA विशेषता: 

<div aria-hidden="true"></div>

        नहीं           हाँ आधुनिक ब्राउज़रों में अंतर्निहित। HTML5 hidden विशेषता के समान

CSS: 

<div class="visually-hidden focusable"></div>

        हाँ           हाँ यह Drupal 8 में अंतर्निहित है। Drupal 7 में यह class="element-invisible element-focusable" था।

 

यह प्रारूप 18F Hidden Content पेज से लिया गया है।