egdilna:vzorove-pozadavky-na-webove-stranky
☑️ Schváleno 21.01.2025 17:32 od Michal Rada (verze: 2) | Schvalovatel: Michal Rada
Vzorové požadavky na webové stránky
- Typ:
- Architektura
- Anotace:
- Sada původních vzorových požadavků na webové stránky z roku 2021
- Autoři:
- Ministerstvo vnitra, Digitální a informační agentura
- Téma:
- Webové stránky, Požadavky veřejných zakázek
- Příznaky:
- archimate.elements, Vzorové požadavky
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. |
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. |
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. |
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 |
egdilna/vzorove-pozadavky-na-webove-stranky.txt · Poslední úprava: 21.01.2025 17:10 autor: Michal Rada