क्लासेस का अपडेट 7.x से 8.x तक
मुख्य क्लासेस में बदलाव
सरल किए गए सहायक क्लास नाम "element-x"
Drupal 7 ने कई नए क्लासेस पेश किए: element-hidden, element-invisible और element-focusable। उनके नामों से यह समझना कठिन था कि ये क्लासेस वास्तव में क्या करते थे, इसलिए क्लास नाम बदल दिए गए। नए नाम क्लासेस को बेहतर समझने में मदद करेंगे और HTML 5 Boilerplate, जो कि एक लोकप्रिय HTML 5 फ्रेमवर्क है, के अनुरूप होंगे। यहाँ रूपांतरण और उपयोग की तालिका दी गई है:
| पहले (7.x) | बाद में (8.x) | टिप्पणी |
| element-hidden | hidden |
दृश्य रूप से और स्क्रीन रीडर्स से छिपाएं (उदाहरण के लिए, कोई तत्व जिसे बाद में JavaScript से भरा जाएगा, या जिसे आप JavaScript के माध्यम से छिपाएंगे)। |
| element-invisible | visually-hidden |
दृश्य रूप से छिपाएं, लेकिन स्क्रीन रीडर्स के लिए सुलभ रखें (उदाहरण: मेनू शीर्षक)। |
| element-focusable | visually-hidden focusable |
कुंजीपटल के माध्यम से दृश्य रूप से छिपे तत्व तक नेविगेट करने की अनुमति देता है (उदाहरण: "सामग्री पर जाएं" लिंक)। focusable क्लास का उपयोग visually-hidden क्लास के साथ किया जाना चाहिए। |
| invisible | यह क्लास Drupal 8 में नया है। यह किसी तत्व को दृश्य रूप से और स्क्रीन रीडर्स दोनों से छिपा देता है, लेकिन लेआउट को बनाए रखता है। |
ये क्लासेस core/modules/system/css/system.module.css में लागू की गई हैं।
अधिक जानकारी के लिए कृपया देखें: