Bejelentkezés

A Canvas tervezési tokenjei, mintái és akadálymentessége

A Canvas natív blokkokkal és állandó szemantikus szerepkörökkel választja el a létrehozott tartalmat a megjelenítéstől. A vizuális értelmezést a téma biztosítja, a blokktartalmat pedig a WordPress tárolja.

Szemantikus tokenek​

A téma a theme.json fájlban határozza meg a színek, a tipográfia, a térközök, a lekerekítések, az árnyékok és a színátmenetek újrafelhasználható szerepköreit. A stílusváltozatok úgy módosíthatják az e szerepkörökhöz tartozó értékeket, hogy közben megőrzik ugyanazokat az azonosítókat. Részesítse előnyben ezeket az előbeállításokat a rögzített színekkel, tetszőleges térközökkel vagy beágyazott CSS-sel szemben.

Sablonok, sablonrészek és minták​

A Canvas tizenegy sablont, hét sablonrészt és 38 alapblokkmintát tartalmaz. A minták lefedik a fejléceket, lábléceket, kiemelt nyitóelemeket, funkciókat, előnyöket, folyamatlépéseket, megosztott médiaelrendezéseket, architektúrát, összehasonlítást, árképzést, gyakori kérdéseket, cselekvésre ösztönző elemeket, cikkszerkezeteket, kapcsolódó tartalmakat, dokumentációs navigációt és teljes oldalas kezdőelrendezéseket.

A minták alapvető Gutenberg-blokkokat használnak. A Canvas megjelenítési burkoló- és helyosztályokat ad hozzá, ahol egy állandó szemantikus cél segíti a szerkesztőket vagy a kompatibilis eszközöket, ezek az osztályok azonban nem alkotnak külön tartalommodellt.

Stílusváltozatok​

A Cloud, Aurora, Emerald, Coral, Slate, Warm és High Contrast ugyanazt a tokenkészletet használja. Mielőtt egy változatot éles webhelyen alkalmazna, ellenőrizze a navigációban, a törzsszövegben, a gombokon, a kártyákon, a táblázatokban, a Részletek blokkokban, a fókuszjelzőkön és a mobilos elrendezéseken.

Akadálymentességi alapok​

A Canvas látható fókuszkezelést, csökkentett mozgást, képernyőmérethez igazodó elrendezési szabályokat, RTL-kompatibilitást, valamint egyező szerkesztői és látogatói megjelenést biztosít. Ezek az alapok nem helyettesítik a szerkesztői akadálymentesítést:

  • tartsa sorrendben a címsorszinteket;
  • írjon érthető hivatkozás- és gombfeliratokat;
  • csak az információt hordozó képekhez adjon alternatív szöveget;
  • a tokenek felülírásakor őrizze meg a megfelelő kontrasztot;
  • a navigáció vagy az interaktív elrendezések módosítása után tesztelje a billentyűzetes használatot;
  • ellenőrizze a tartalmat keskeny és nagyított nézetben.

A Canvas tartalmazza az accessibility-ready témacímkét, a végső akadálymentesség azonban a létrehozott tartalomtól, a telepített blokkoktól és bővítményektől, valamint a webhelyspecifikus módosításoktól is függ.