Přístupné webové stránky

Tato stránka je pouze pro čtení. Můžete si pouze prohlédnout zdrojový kód, ale ne ho měnit. Zeptejte se správce, pokud si myslíte, že něco není v pořádku.
====== 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->
Přístupné webové stránky

Uživatelské nástroje

Nástroje pro tento web

Nástroje pro stránku
