ID-SK Frontend
ID-SK Frontend je jednotný dizajnový systém elektronických služieb Slovenska, ktorý má za cieľ zjednotiť používateľské rozhrania a spôsob komunikácie s používateľom pri poskytovaní elektronických služieb na Slovensku.
ID-SK Frontend obsahuje zdrojový kód, ktorý vychádza z britského dizajn manuálu elektronických služieb GOV.UK.
Živé príklady ID-SK komponentov s pokynmi ako ich využiť pri tvorbe vlastnej služby nájdete na {link na Dizajn systém Dizajn manuále ID-SK.
Kontakt na tím
ID-SK Frontend je tvorený pod záštitou Oddelenia behaviorálnych inovácií Úradu podpredsedu vlády SR pre investície a inovácie. Pre viac informácií nám svoje otázky smerujte na e-mail idsk@vicepremier.gov.sk.
Našli ste v ID-SK chybu alebo chcete navrhnúť zmenu? Môžete tak urobiť priamo na https://github.com/id-sk/id-sk-frontend/issues.
Rýchly štart
Sú 2 spôsoby, ako začať používať ID-SK Frontend vo vašej aplikácii.
1. Inštaláciou npm (odporúčame)
Odporúčame nainštalovať si ID-SK Frontend zo správcu balíčkov platformy Node (NPM).
2. Inštaláciou kompilovaných súborov
Môžete si tiež stiahnuť zkompilovanú a minifikovanú prvky (CSS, Javascript) z [GitHub] (https://github.com/id-sk/id-sk-frontend/tree/master/dist). Po inštalácii budete môcť vo vašej službe používať kód z dizajn systému ID-SK.
Podpora prehliadačov
ID-SK Frontend vám umožní budovať služby, ktoré sú v súlade s pokynmi uvedenými v metodickom usmernení. ID-SK Frontend oficiálne podporuje nasledovné prehliadače:
| Operačný systém | Prehliadač | Podpora |
|---|---|---|
| Windows | Internet Explorer 8-10 | funkčný |
| Windows | Internet Explorer 11 | vyhovujúci |
| Windows | Edge (posledné 2 verzie) | vyhovujúci |
| Windows | Google Chrome (posledné 2 verzie) | vyhovujúci |
| Windows | Mozilla Firefox (posledné 2 verzie) | vyhovujúci |
| macOS | Safari 9+ | vyhovujúci |
| macOS | Google Chrome (posledné 2 verzie) | vyhovujúci |
| macOS | Mozilla Firefox (posledné 2 verzie) | vyhovujúci |
| iOS | Safari for iOS 9.3+ | vyhovujúci |
| iOS | Google Chrome (posledné 2 verzie) | vyhovujúci |
| Android | Google Chrome (posledné 2 verzie) | vyhovujúci |
| Android | Samsung Internet (posledné 2 verzie) | vyhovujúci |
„Vyhovujúci“ znamená, že komponenty musia vyzerať i fungovať rovnako dobre ako v iných moderných prehliadačoch.
„Funkčný“ znamená, že komponenty nemusia v danom prehliadači vyzerať dokonale, ale musia byť stále použiteľné bez chýb.
V prípade, že v aplikácii generujete CSS súbory, ktorých súčasťou sú ID-SK štýly, na podporu prehliadača Internet Explorer 8 je potrebné vygenerovať a zahrnúť aj separátne štýly.
Asistenčné technológie
ID-SK Frontend vám umožní budovať služby, ktoré sú v súlade s pokynmi uvedenými v metodickom usmernení.
ID-SK Frontend oficiálne podporuje nasledovné asistenčné technológie:
| Softvér | Verzia | Typ | Prehliadač |
|---|---|---|---|
| JAWS | 15 alebo novšia | čítačka obrazovky | Internet Explorer 11 |
| ZoomText | 10.11 alebo novšia | zväčšovacia lupa | Internet Explorer 11 |
| Dragon NaturallySpeaking | 11 alebo novšia | rozpoznávač reči | Internet Explorer 11 |
| NVDA | 2016 alebo novšia | čítačka obrazovky | Firefox (najnovšie verzie) |
| VoiceOver | 7.0 alebo novšia | čítačka obrazovky | Safari na iOS10 a OS X |
Okrem toho testujeme, či je všetok obsah prístupný iba pomocou klávesnice.
Naším cieľom je podporovať používateľov, ktorí potrebujú upravené farby webových stránok, ktoré navštevujú. Testujeme to zmenou farieb v prehliadači Firefox, povolením režimu „Vysoký kontrast“ v operačnom systéme Windows a použitím doplnku „Vysoký kontrast“ pre prehliadač Chrome.
Ako prispieť k ID-SK
Ak nám chcete pomôcť rozšíriť ID-SK Frontend, pozrite si návod