Vzorové požadavky na webové stránky

Název	Popis
Skupina 1: Požadavky na webové stránky a jejich vzhled a chování
Technický požadavek 1.1: Standardní HTML značkovací jazyky	Jsou-li součástí dodávky webové stránky nebo technologie pro tvorbu a správu webových stránek, výsledné webové stránky jsou vytvářeny standardními značkovacími jazyky HTML ve verzi 4 nebo 5 a XHTML. Nejsou využity proprietární značkovací jazyky, které neumožňují kompilaci a transpozici výstupu do standardního HTML/XHTML.
Technický požadavek 1.2: Kompilace kódu stránek na straně serveru	Webové stránky jsou kompilovány na straně serveru. Při kompilování kódu pro webové stránky je tento kód vytvářen na straně serveru a celý a připravený je zasílán klientovi. Není využitá žádná technologie, která by předepisovala kompulování a vykreslování konkrétním způsobem na straně klienta a vyžadovala by, aby klientský prohlížeč takovou technologii musel mít nainstalovánu.
Technický požadavek 1.3: Vykreslování na straně klienta	Webové stránky se z kódu vykreslují v klientském prohlížeči a server nijak nepředepisuje formu vykreslování a nebo nepředepisuje konkrétní vykreslovací jádro. Zobrazení stránky řídí klientský prohlížeč nebo asistivní technologie spojená s klientským prohlížečem.
Technický požadavek 1:4: Formuláře na stránkách jsou standardní	Obsahuje-li stránka formuláře, nebo jakékoliv interaktivní či pasivní formulářové prvky, jsou vždy využity standardní formulářové GUI elementy značkovacího jazyka HTML/XHTML k tomu určené. Formuláře na stránce nejsou vytvářene v jiné proprietární technologii vyžadované na straně klientského prohlížeče. Chování formulářových prvků je zcela standardní a očekávatelné a také nevyžaduje technologii třetích stran pro vykreslování, práci a nebo potvrzení obsahu formuláře a jeho odeslání serveru.
Technický požadavek 1.5: Využití předepsaných CSS pro vzhled a chování prvků UI	Dodavatel využije pro vzhled a chování prvků webových stránek CSS styly publikované v rámci veřejného repository Design system.
Skupina 2: Soulad s Design systém	Webové stránky a jejich frontendové rozhraní určené uživatelům je v souladu a respektuje Design system (www.designsystem.gov.cz) a jeho prvky.
Požadavek na dokumentaci 2.7: Prohlášení o souladu s DS	V rámci prohlášení o přístupnosti na stránkách se uvede, že tyto stránky respektují a jsou v souladu s rámcem Design System a uvede se na něj odkaz.
Technický požadavek 2.1: Respektování pravidel pro rozložení obsahu na stránce	Dodavatel při návrhu designu a rozložení webových stránek respektuje zveřejněná pravidla pro rozložení obsahu publokovaná v rámci Design systemu.
Technický požadavek 2:2: Respektování pravidel pro tvorbu obsahu stránek	Pokud je součástí dodávky také tvorba obsahu webových stránek či návrh obsahu, dodavatel bude postupovat podle pravidel pro tvorbu obsahu publikovaných v rámci Design systemu.
Funkční požadavek 2.3: Přístupné webové stránky splňující zákonné požadavky	Dodané webové stránky nebo dodaná technologie pro tvorbu webových stránek budou splňovat požadavky Zákona 99/2019 v rozsahu splnění povinnosti přístupných webových stránek.
Technický požadavek 2.4: Respektování a plnění požadavků na přístupnost podle standardů WCAG nebo WAI-ARIA	Webové stránky musí splnit požadavky standardu WCAG v aktuální verzi a to minimálně v minimálně požadované úrovni. Webové aplikace musí splňovat požadavky standardu WAI-ARIA a to minimálně v první úrovni.
Technický požadavek 2.5: Použití komponent z DS	Dodavatel při návrhu vzhledu a chování webových stránek bude využívat UI komponenty definované a popsané v rámci Design systém.
Technický požadavek 2.6: Použití principů ergonomie z DS	Dodavatel při návrhu vzhledu a chování webových stránek bude využívat požadavky a doporučení související s designem a ergonomií webu definované a popsané v rámci Design systém.
Díl : Požadavky na technologie a frameworky pro vykreslování webových stránek a webového obsahu
Skupina 1: Obecné požadavky
Obecný požadavek 1.1: Frameworky pro webové UI rozhraní	Jedná se o vykreslovací frameworky určené pro snazší skládání a generování či serverovou kompilaci uživatelského rozhraní webových stránek nebo webových aplikací. Rozlišujeme přitom požadavky na webové stránky a webové aplikace. Pokud framework slouží pro obojí, je nezbytné se řídit požadavky pro konkrétní určení.
Obecný požadavek 1.2: Standardně využívané frameworky	Cílem tohoto souboru požadavků je zadání pro úpravy komponent ve standardně využívaných webových frameworkách používaných pro webové stránky a webové aplikace subjektů veřejného sektoru. Nejde o požadavky na samotný framework, ale na jeho výstupy využité při generování kódů webových stránek či kódů částí webových aplikací.
Obecný požadavek 1.3: Aplikace na komponenty a kód stránek	Tento soubor požadavků je určen k modelování a úpravám zejména u komponent užiovatelského rozhraní, které využívá daný framework pro vykreslování webové stránky a jejího obsahu a pro generování a kompilaceci kódu stránky či stránek.
Skupina 2: Požadavky na kompatibilitu komponent s DS
Obecný požadavek 2.1: Využití komponent definovaných v DS	Využívají se komponenty, jež jsou definovány v rámci DS. Pokud v DS nějaká komponenta chybí, její využití se nejprve projedná s autory DS a podle dohody se případně doplní. Nesnažíme se budovat bezhlavě další komponenty kterými nahrazujeme různorodý obsah definovaný již existujícími komponentami.
Obecný požadavek 2.2: Využití CSS stylů definovaných v DS	Při tvorbě knihovny pro daný framework se jako základ vzhledu využijí CSS styly publikované v rámci Design system.
Skupina 3: Požadavky na tvorbu knihovny komponent pro framework
Technický požadavek 3.1: Deklarace knihovny	Deklarace komponent respektive knihovny musí být zřejmá a to vvčetně jejího využití (pro webové stránky, nebo pro webové aplikace). Z deklarace knihovny musí být zřejmé, že vychází a respektuje DS a že je s ním kompatibilní, aby její uživatelé měli jistotu o shodě.
Technický požadavek 3.2: Struktura komponent	Struktura komponent musí respektovat atomickou strukturu komponent uvedenou na veřejném patternlabu DS na adrese https://designsystem.gov.cz/pl
Technický požadavek 3.3: Názvy komponent	V knihovně by měly být jen komponenty definované v rámci DS. Názvy komponent musí být shodné s názvy komponent z DS. Názvy se musí všude využívat stejně. Složené komponenty musí v názvech respektovat názvy těch komponent, ze kterých jsou složené.
Technický požadavek 3.4: Názvy a hodnoty atributů	U komponent se využívají pro jejich vstupy atributy definované v DS a pokud jsou u atributu také jeho číselníkové hodnoty, atribut se omezí na tyto hodnoty a nebude se využívat odlišným způsobem. U atributů určujících chování společné všem komponentám (třeba invisible) se použije vždy stejný název a význam a hodnoty atributu.
Technický požadavek 3.5: UI prvky HTML v komponentách	Komponenty se musí zakládat na standardizovaných UI prvcích jazyka HTML ve verzi 4 nebo 5 a nebo XHTML bez dalších extenzí.
Technický požadavek 3.6: Designové patterny komponent a celků	Pro designové patterny se využije standard Figma, vychází se při jeho tvorbě z patternu publikovaného v rámci DS na adrese https://www.figma.com/file/OyVFG6vexCpSIvOC9ZPhOm/Materials