logo

Palette - Դարձրեք այն գունավոր🎨

Palette — Վիզուալ էջեր կառուցող, դիզայնի դիպլոմ չի պահանջվում:

Առցանց դեմո Ներբեռնել Palette

Scroll
  1. Սկիզբ
  2. Drupal-ի փաստաթղթերը
  3. Մասնավոր հնարավորություններ

Բովանդակությունը թաքցնել

20/06/2025, by Ivan

Menu

Բովանդակության թաքցումը շատ օգտակար է հասանելիության համար։ Մենք կարող ենք տարրերը թաքցնել տեսանելիորեն և դրանք ցուցադրել միայն էկրան կարդացող ծրագրի օգտատերերին, կարող ենք բովանդակությունը թաքցնել էկրան կարդացող ծրագրի օգտատերերից և ցուցադրել միայն տեսանելիորեն, կամ կարող ենք բովանդակությունը թաքցնել երկուսից էլ։ 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 թաքնված բովանդակության էջից։