Uživatelské nástroje

Nástroje pro tento web


pristupnost:pozadavky_pri_vyberovem_rizeni

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revizePředchozí verze
Následující verze
Předchozí verze
pristupnost:pozadavky_pri_vyberovem_rizeni [2020/09/18 13:55] lindapristupnost:pozadavky_pri_vyberovem_rizeni [2023/11/06 17:30] (aktuální) epub
Řádek 1: Řádek 1:
 +====== Požadavky při výběrovém řízení ======
 +
 +//Níže uvedený seznam obsahuje reálný příklad požadavků na přístupnost v rámci zadávací dokumentace pro tvorbu webové prezentace knihovny. Přestože dnes lze pro zadávací dokumentaci využít také [[https://www.dia.gov.cz/egovernment/pristupnost-internetovych-stranek-a-mobilnich-aplikaci/metodicke-dokumenty/|metodický pokyn Digitální a informační agentury k zákonu o přístupnosti]], obdobný seznam může sloužit jako kontrolní nástroj při předávání hotové webové prezentace.((Seznam není vyčerpávající, proto jej chápejte spíše jako vzor a podle potřeby jej doplňte o vlastní požadavky.))
 +//
 +
 +<WRAP center box>
 +Požadujeme dodržení pravidel přístupnosti pro uživatele se specifickými potřebami v souladu s metodickým pokynem Digitální a informační agentury k zákonu o přístupnosti (https://www.dia.gov.cz/egovernment/pristupnost-internetovych-stranek-a-mobilnich-aplikaci/metodicke-dokumenty/) a metodikou WCAG 2.1 (https://www.w3.org/TR/WCAG21/), zejména:
 +
 +  - Web dodržuje specifikaci HTML 5 a neobsahuje syntaktické chyby, které je možné odstranit.
 +  - Web má responzivní design vhodný pro tablety a mobilní telefony.
 +  - V šabloně webu i při vkládání obsahu jsou správně využívány sémantické značky označující strukturu dokumentu, zejména nadpisy, seznamy. Tyto značky naopak nejsou používány tam, kde netvoří strukturu dokumentu.
 +  - Pro definici rozložení stránek nejsou využívány tabulky.
 +  - Všechny ovládací prvky stránky i veškerý obsah jsou dostupné při ovládání z klávesnice (bez použití myši), zejména všechny úrovně menu, odkazy na stránce, formuláře a další aktivní prvky.
 +  - Aktuální aktivní prvek je při procházení pomocí klávesnice (klávesa tab) vizuálně odlišen od ostatních ovládacích prvků nebo navigace na základě tzv. focusu.
 +  - Písmo i celou stránku lze bez problémů zvětšovat, aniž by došlo ke ztrátě použitelnosti, čitelnosti a funkčnosti stránek.
 +  - Na každé stránce je uveden kontakt na technického správce, případně na správce obsahu.
 +  - Každý netextový prvek, který nese význam, má svou textovou alternativu (včetně [[https://cs.wikipedia.org/wiki/CAPTCHA|CAPTCHA]]), informace jsou dostupné i bez použití skriptů, obrázků, kaskádových stylů a jiných doplňků na straně uživatele.
 +  - Informace jsou dostupné a srozumitelné i bez použití barevného rozlišení.
 +  - Barvy pozadí a popředí jsou dostatečně čitelné, čitelnost není snížena vzorkem na pozadí.
 +  - Obsah stránky se mění pouze při akci uživatele.
 +  - Kód webové stránky a její ovládání nepředpokládá ani nevyžaduje použití stránek v konkrétním prohlížeči nebo zařízení.
 +  - Každá stránka obsahuje výstižný název v prvku title.
 +  - Navigační a obsahové informace jsou od sebe zřetelně odděleny v rámci kódu, jsou vyznačeny funkční oblasti.
 +  - Navigace je vytvořena formou přístupnou pro uživatele se specifickými potřebami.
 +  - Součástí navigace je skrytý odkaz pro odskok na navigační a na obsahovou část každé stránky.
 +  - Navigace je konzistentní na všech stránkách (včetně umístění na stejném místě).
 +  - Při ovládání webu pomocí klávesnice je možné se přesunovat mezi položkami stejné úrovně navigace, aniž by uživatel byl nucen procházet položky menu nižší úrovně.
 +  - Každá webová stránka obsahuje odkaz na hlavní stránku a na vyšší úroveň v hierarchii webu. Kód ani obsah nepředpokládá, že uživatel již navštívil některou stránku. Uživatel má k dispozici informaci, kde ve struktuře webu se nachází. Všechny stránky obsahují odkaz na přehlednou mapu webu.
 +  - Stejně označené prvky navigace nebo odkazy mají stejný cíl.
 +  - Označení odkazu musí být výstižné i bez okolního kontextu.
 +  - Odkazy musí být zřetelně odlišeny od okolního textu, a to nejen barevně.
 +  - Uživatel musí být jasně upozorněn, že odkaz vede na obsah jiného typu než webová stránka, a mít k dispozici informaci o typu a velikosti souboru.
 +  - Preferuje se otevírání odkazu do téhož okna. Pokud tomu tak ve výjimečných a odůvodněných případech není, uživatel o tom musí být informován.
 +  - Tabulky obsahují záhlaví řádků/sloupců a dávají smysl při čtení zleva doprava.
 +  - Formulářové prvky obsahují výstižný nadpis.
 +  - Uživatel musí dostat jednoznačné a návodné informace o chybách při vyplňování formuláře nebo při jeho zpracování s návrhem vhodného dalšího postupu.
 +  - WYSIWYG editor je nastaven tak, aby uživatel, který web edituje, mohl sám dodržovat požadavky na přístupnost (např. možnost doplňovat popisky k obrázkům, přidělovat úroveň nadpisů aj.).
 +  - Redakční systém je nastaven tak, aby postupy, které přispívají k přístupnosti webu, byly co nejvíce automatizované a uživatel, který web edituje, na ně nemusel myslet (např. pokud uživatel nastaví otevření odkazu v novém okně, systém automaticky vloží tuto informaci do zdrojového kódu tak, aby byla přístupná uživatelům se specifickými potřebami).
 +</WRAP>
 +
 +
 +<-celkove_overeni_pristupnosti|Celkové ověření přístupnosti^obsah|Obsah^doporucene_zdroje|příloha Doporučené zdroje->