Design systém gov.cz v Portálu občana

Jaké jsou cíle změn?

• Zlepšení robustnosti a bezpečnosti,
• zvýšení přístupnosti dle standardu WCAG 2.1,
• responzivita – podpora mobilních zařízení,
• a sjednocení vzhledu digitálních služeb veřejné správy v rámci ČR.

Co znamená vyšší přístupnost (WCAG 2.1)?

Jedná se o mezinárodní standard, který stanovuje, jak navrhovat weby a aplikace tak, aby je mohli používat i lidé se zdravotním postižením. Přístupnost digitálních služeb je v České republice legislativně vyžadována.

Co to v praxi znamená?

Například že Portál občana:

• má dostatečný kontrast textů a barev,
• lze ovládat pouze klávesnicí,
• funguje se čtečkami obrazovky pro nevidomé,
• má správně označené formuláře a tlačítka,
• je dobře čitelný i pro osoby se zrakovým nebo jiným handicapem.

Co se mění?

Nejedná se pouze o vizuální změny, ale o zásadní úpravy celého uživatelského rozhraní portálu. Design systém gov.cz stanovuje pravidla pro podobu jednotlivých komponent Portálu občana. Barvy i zaoblení prvků proto již nejsou nastavovány individuálně, ale jako součást jednotného systému. To mimo jiné znamená, že není možné „ručně přebarvovat" jednotlivé komponenty a změna barvy se vždy projeví systémově napříč celým portálem. Odstíny mají jasně definovaný význam, některé jsou určeny pro tlačítka, jiné pro odkazy a další pro speciální stavy (chyba, upozornění apod.).

Co to znamená pro zákazníky VERA?

Design systém gov.cz je ve verzi 20.10 již plně implementován. Po aktualizaci bude Portál občana používat výchozí barevné schéma VERA (modrá – červená), se kterým jej můžete bez omezení používat.

Přijdou města o svou vizuální identitu?

Nepřijdou. Portál občana může i nadále využívat barvy Vašeho města nebo obce. Změna spočívá v tom, že si nevystačíte se dvěma hlavními barvami. Nově je potřeba vytvořit kompletní barevnou škálu podle pravidel Design systému gov.cz. Ta obsahuje řadu navazujících odstínů, které Portál občana používá pro jednotlivé komponenty a jejich stavy. Všechny musí splňovat požadavky na kontrast, čitelnost i přístupnost podle standardu WCAG.

Jak se připravit na změnu?

Přizpůsobení vizuální identitě Vašeho úřadu nemusíte řešit ihned po aktualizaci. Pokud se pro něj rozhodnete později, neváhejte kontaktovat obchodního zástupce VERA. Aby byla realizace co nejrychlejší a nejefektivnější, doporučujeme nejprve připravit návrh barevné škály ve spolupráci s Vaším grafikem tak, aby odpovídala vizuální identitě úřadu. Dobře připravený návrh pomůže předejít opakovanému ladění barev během implementace.