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-ում։
Լրացուցիչ տեղեկությունների համար խնդրում ենք դիմել՝
- HTML 5 Boilerplate CSS փաստաթուղթ
- CSS գործնականում՝ տեսանելիության համար թաքնված բովանդակություն միայն էկրանի ընթերցող ծրագրերի օգտատերերի համար
- Բովանդակության թաքցում մատչելիության համար
- Twig-ի լավագույն պրակտիկաներ նախապատրաստման ֆունկցիաների և տեմպլեյթների համար, եթե աշխատում եք Drupal 7 թեմաների հետ։
Drupal’s online documentation is © 2000-2020 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution-ShareAlike 2.0. PHP code is distributed under the GNU General Public License.