Komponens követelmények

A komponenseknek az alábbi követelményeket kell teljesíteniük. Amíg a követelmények nem teljesülnek, a komponens nem tekinthető stabilnak.

1
UI Kit guide

A komponens követi a Figma UI Kit komponens konzisztencia checklistjét.

2
Design tokenek

A komponens minden design attribútuma a design system tokenjeiből van létrehozva.

3
Definiált opciók

A komponens – ha szükséges – rendelkezik különböző variációkkal (szín, méret, stílus, dekoráció, hibák, ikonok, stb.), a nevezéktant használva és dokumentálva.

4
Definiált működés

A komponens működése (billentyűzet interakciók, animációk, túlcsorduló szöveg, stb.) dokumentált, különös figyelemmel az automatizmusokra és a szélsőséges esetekre.

5
Interakciós állapotok

A komponens rendelkezik minden releváns interakciós állapottal (hover, focused és egyéb státuszok).

6
Akadálymentesítés

A komponens megfelel a WCAG 2.2-ben foglalt akadálymentesítési, valamint a design system saját inkluzív tervezési elvárásainak.

7
Használati útmutató

A komponenshez tartozik használati útmutató, ami kitér a jó gyakorlatokra és a gyakori hibákra is.

8
Szövegírási útmutató

A komponenshez – ha szükséges – tartozik szövegírási útmutató, mind microcopyk, mind hosszabb szövegek esetén.

9
Témák

A komponens megfelelően jelenik meg sötét és világos módokban is.

10
Platformfüggetlenség

A komponens tesztelve volt a legnépszerűbb böngésző és operációs rendszer kombinációkon, mobil és asztali platformon is.

11
Nyelvesítés

A komponens nyelvesíthető mind a látható, mind a nem látható (pl.: alt text, aria-label) szövegek tekintetében is.

12
Fejlesztői dokumentáció

A komponens minden tulajdonsága és opciója el van látva fejlesztői dokumentációval.

13
Webkomponens implementáció

A komponens kódban implementálva van és elérhető csomagként.