Rozdíly

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

--- pristupnost:redakcni_system [2020/08/26 14:46] – eva
+++ pristupnost:redakcni_system [2020/09/23 14:44] (aktuální) – ↷ Stránka přejmenována z 'pristupnost:redakcni_system_a_sablony' na 'pristupnost:redakcni_system' linda
@@ Řádek 1: / Řádek 1: @@
-====== -#12 Redakční systém a webové šablony ======
+====== -#12 Redakční systém ======
-Redakční systém je software, který umožňuje správu webu a jeho obsahu, zejména jednotlivých stránek, dokumentů, galerií apod.
+Redakční systém je software, který umožňuje správu webu a jeho obsahu, zejména jednotlivých stránek, dokumentů, fotogalerií apod.
 <WRAP center tip >
-Nespornou výhodou redakčního systému je, to, že umožňuje vytvářet a aktualizovat obsah webu, tj. **vkládat na web informace, dokumenty, obrázky aj., bez znalostí webových technologií** (HTML, CSS apod.). Obsah je na web vkládán obvykle pomocí tzv. WYSIWYG editoru((WYSIWYG je akronym pro „What you see is what you get“, tj. „co vidíš, to dostaneš“.)), který při editaci umožňuje vidět stránku tak, jak bude skutečně vypadat, až bude zveřejněna.
+Nespornou výhodou redakčního systému je, že umožňuje **vytvářet a aktualizovat obsah webu**, tj. vkládat na web informace, dokumenty, obrázky aj., **bez znalostí webových technologií** (HTML, CSS apod.). Obsah je na web vkládán obvykle pomocí tzv. WYSIWYG editoru((WYSIWYG je akronym pro „What You See Is What You Get“, tj. „co vidíš, to dostaneš“.)), který při editaci umožňuje vidět stránku tak, jak bude skutečně vypadat, až bude zveřejněna.
 </WRAP>
-Redakční systém je obvykle nastaven tak, aby se editor stránek tj. ten, kdo na web vkládá obsah, **nemusel starat o vzhled jednotlivých prvků**. Editor pouze vybírá styly odstavce (úroveň nadpisu apod.), doplňuje údaje v grafickém rozhraní (např. definuje vzhled a vlastností obrázků či dalších prvků pomocí ikon a formulářů). O formátování, definici formulářů pro výběr vlastnosti jednotlivých prvků, automatickou tvorbu menu nebo drobečkovou navigaci atd. se stará redakční systém.
+Redakční systém je obvykle nastaven tak, aby se editor stránek, tj. ten, kdo na web vkládá obsah, **nemusel starat o vzhled jednotlivých prvků**. Editor pouze vybírá styly odstavce (úroveň nadpisu apod.), doplňuje údaje v grafickém rozhraní (např. definuje vzhled a vlastnosti obrázků či dalších prvků pomocí ikon a formulářů) apod. O formátování, definici formulářů pro výběr vlastnosti jednotlivých prvků, automatickou tvorbu menu nebo drobečkovou navigaci atd. se stará redakční systém.
-Redakční systém pracuje s tzv. **šablonou,** která je základem pro vzhled webu, jeho strukturu, nástroje použité pro jednotlivé typy obsahů nebo pro akce na webu, ať už se jedná o automatické akce nebo akce spouštěné uživatele apod. Přístupnost webu proto začíná už výběrem nebo tvorbou šablony redakčního systému.
+V redakčním systému se nastavuje vzhled webu a jeho struktura, mohou se také obvykle nastavit různé podpůrné nástroje nebo automatické akce. Nastavení redakčního systému ovlivňuje výslednou přístupnost webových stránek. Pokud je redakční systém nastaven špatně nebo nenabízí některé možnosti práce s webovou stránkou, může to mít negativní vliv na přístupnost celého webu či jednotlivých stránek. Přístupnost webu je proto třeba mít na zřeteli již při výběrem a nastavování redakčního systému.
-<WRAP center info >
-Šablona redakčního sytému není úplně totéž, co například šablony webů pro knihovny, které u nás používají některé menší knihovny
-**Šablona redakčního systému** je základem, pro vytvoření webu. Jsou v ní obvykle k dispozici základní stavební prvky pro definici vzhledu a nástroje je pro základní činnosti. Nemá však obvykle definovanou konkrétní strukturu webových stránek, vzhled obsahu nebo způsob, jakým jsou jednotlivé prvky na webu poskládány. Tvůrce webu si z nástrojů šablony musí "sestavit" vzhled, strukturu a případně i další nástroje svého webu a připravit šablonu pro vkládání obsahu.
-**Šablona webu pro knihovny** je také postaveny na principech šablony redakčního systému. Na rozdíl od ní však již má předdefinovanou  strukturu, která vychází z potřeb knihoven (a obsahuje například některé sekce nebo položky menu, které jsou pro knihovny typické). Tato šablona obvykle nevyžaduje žádné větší úpravy. Po mírné úpravě vzhledu a nebo přizpůsobení některých nastavení (např. doplnění parametrů knihovny či drobné úpravy menu a/nebo sekcí webu) je téměř ihned připravena na vkládání obsahu.
-</WRAP>
-Nastavení redakčního systému a webové šablony ovlivňuje přístupnost webu. Pokud je redakční systém nebo webové šablona špatně nastavena nebo nenabízí některé možnosti práce s webovou stránkou, může to mít negativní vliv na přístupnost celého webu či jednotlivých stránek.Proto je potřeba mít požadavky na přístupnost na zřeteli již při výběru redakčního systému a výběru či tvorbě šablony pro webové stránky.
 <WRAP center tip >
-Pro redakční systémy existují hotové šablony, které lze  využít a obvykle také více nebo méně přizpůsobit, například upravit strukturu,  grafický vzhled apod.((Pro redakční systémy s otevřeném zdrojovým kódem jsou šablony dostupné zcela zdarma.)) Některé z těchto šablon jsou již vytvářeny tak, aby byly přístupné pro uživatele se specifickými potřebami, proto při výběru šablony hledejte ty, které požadavky na přístupnost splňují.
+V jednotlivých redakčních systémech existují hotové šablony, které lze využít a obvykle také více nebo méně přizpůsobit.((Šablony pro redakční systémy s otevřeným zdrojovým kódem jsou často dostupné zcela zdarma.)) Některé z těchto šablon jsou již vytvářeny tak, aby byly přístupné pro uživatele se specifickými potřebami, proto při výběru šablony hledejte ty, které požadavky na přístupnost splňují. Ve webovém vyhledávači můžete zadat dotaz **accessible template** doplněný názvem příslušného redakčního systému.
-Vyhledávat lze například v celém na internetu  termín "**Accessible template**" doplněný názvem příslušného redakčního systému, případně je možné hledat tento termín přímo na webu konkrétního redakčního systému.
 </WRAP>
-Na rozdíl od běžné představy se šablona redakčního systémů nezabývá jen grafickým návrhem webu (i když ten samozřejmě jednou z jejích součástí). Na to, zda web bude nebo nebude ve výsledku přístupný, má vliv nejen [[pristupnost:funkcni_grafika|grafický vzhled]], ale také validní zdrojový kód, [[pristupnost:struktura_webu|struktura webu]], [[pristupnost:ovladani_webu|ovládání a navigace]], způsob, jakým systém pracuje s [[pristupnost:obrazky|obrázky]] nebo [[pristupnost:odkazy|odkazy]], i další aspekty.
+Na to, zda web bude nebo nebude ve výsledku přístupný, má vliv nejen [[pristupnost:funkcni_grafika_webu|grafický vzhled]], ale také validní zdrojový kód, [[pristupnost:struktura_webu|struktura webu]], [[pristupnost:ovladani_webu|ovládání a navigace]], způsob, jakým systém pracuje s [[pristupnost:obrazky|obrázky]] nebo [[pristupnost:odkazy|odkazy]], i další aspekty.
-===== Na co si dát pozor pří tvorbě nebo výběru šablony webu =====
+===== Na co si dát pozor =====
-Ve fázi  výběru a přípravy šablony je přístupnost spíše záležitostí webových vývojářů nikoliv knihovníků. Jakmile je však  redakční systém nastaven a web zprovozněn a ukáží se problémy s přístupností, je obvykle velmi obtížné (a v některých oblastech i nemožné) přístupnost zlepšit. Proto zde uvádíme příklady oblastí, na které je potřeba dát si při výběru webové šablony pozor, protože se u nich velmi často vyskytují problémy:
+Ve fázi výběru a přípravy redakčního systému je přístupnost spíše záležitostí webových vývojářů, nikoliv knihovníků. Jakmile je však redakční systém nastaven a web zprovozněn a ukáží se problémy s přístupností, je obvykle velmi obtížné (a v některých oblastech i nemožné) přístupnost zlepšit. Proto uvádíme příklady oblastí, na které je třeba si dát pozor, protože se u nich velmi často vyskytují problémy. Těmito oblastmi jsou:
+  * struktura stránek;
+  * přístupnost menu a navigace obecně;
+  * alternativní texty k obrázkům a videím;
+  * odkazy;
+  * formuláře;
+  * grafika;
+  * zobrazení na mobilních zařízeních;
+  * jazyková nastavení.
 ==== Struktura stránek ====
-  * Na webu musí být definovány **oblasti (regiony) stránky podle jejich funkčních rolí** (např. navigace, hlavní obsah apod.)((Bližší informace pro tvůrce webu najdete např. v článku [[https://www.w3.org/WAI/tutorials/page-structure/regions/|Page Regions]].))
+  * Na webu musí být definovány **oblasti stránky podle jejich funkčních rolí** (např. navigace, hlavní obsah apod.).((Bližší informace pro tvůrce webu najdete např. v článku [[https://www.w3.org/WAI/tutorials/page-structure/regions/|Page Regions]].))
-  * Každá stránka musí mít **nadpis první úrovně a [[pristupnost:struktura_webu|hierarchickou strukturu nadpisů]]** (je nutné dát pozor na logickou strukturu při využití různých bloků, ze kterých se stránka skládá)
+  * Každá stránka musí mít **nadpis první úrovně a [[pristupnost:struktura_webu|hierarchickou strukturu nadpisů]]** (je nutné dát pozor na logickou strukturu při využití různých bloků, ze kterých se stránka skládá).
-==== Přístupnost menu a navigace ====
+==== Přístupnost menu a navigace obecně ====
-Pozor si dejte zejména na dostupnost rozbalovacích menu.
+  * Pozor si dejte zejména na přístupnost rozbalovacích menu:
-  * Menu musí být **přístupné i bez použití myši**
+    * Menu musí být **přístupné i bez použití myši**.
-  * Při přechodu na další položky menu, **nesmí být uživatel nucen procházet vnořené úrovně předchozích položek** menu.
+    * Při přechodu na další položky menu **nesmí být uživatel nucen procházet vnořené úrovně předchozích položek** menu.
-  * Uživatel musí mít možnosti **přeskočit na hlavní obsah stránky**
+  * Uživatel musí mít možnosti **přeskočit menu a přesunout se na hlavní obsah stránky**.
-  * Uživatel musí mít **možnost orientovat se ve struktuře webu na kterékoliv stránce** (drobečková navigace, mapa stránek)
+  * Uživatel musí mít **možnost orientovat se ve struktuře webu na kterékoliv stránce** (k tomu obvykle slouží drobečková navigace a mapa stránek).
 ==== Alternativní texty k obrázkům a videím ====
-Editor musí mít možnost **vkládání alternativních popisků obrázků** (jak u obrázků vkládaných přímo do webové stránky, tak u fotogalerií apod.) a videí
+Editor musí mít možnost **vkládat k obrázkům i videím alternativní popisky**.((Popisky by neměly chybět ani u obrázků vkládaných přímo do webové stránky, ani u fotogalerií.))
 ==== Odkazy ====
   * Systém musí umožnit **vytváření přístupných odkazů**. Musí být možné zejména:
-    * Odlišit odkazy od okolního textu  barvou a typem písma, odlišit navštívené, nenavštívené a aktivní odkazy-
+    * odlišit odkazy od okolního textu barvou a typem písma, odlišit navštívené, nenavštívené a aktivní odkazy;
-    * Vizuálně zvýraznit aktivní prvek (odkaz, pole) při procházení stránky pomocí klávesnice (přiřadit tzv. "focus")
+    * vizuálně zvýraznit aktivní prvek (odkaz, pole) při procházení stránky pomocí klávesnice (přiřadit aktivnímu prvku tzv. focus).
 ==== Formuláře ====
-    * **Označení povinných polí formuláře nesmí být závislé na vizuálním vnímání**,
+    * **Označení povinných polí formuláře nesmí být závislé na vizuálním vnímání**.
     * Nápověda a **popisky polí** musí být uvedeny před polem.
-    * Uživatel musí dostat dostatečně **návodné informace o chybách** při vyplnění formuláře.
+    * Uživatel musí při vyplňování formuláře dostat dostatečně **návodné informace o chybách**.
-    * Při opravě chyby **nesmí dojít ke ztrátě vyplněných údajů**.
+    * Při opravě chyby **nesmí dojít ke ztrátě již vyplněných údajů**.
-    * Tzv. **captcha** musí být přístupná i pro uživatele, kteří nemohou vnímat informace zrakem.
+    * **[[https://cs.wikipedia.org/wiki/CAPTCHA|CAPTCHA]]** musí být přístupná i pro uživatele, kteří nemohou vnímat informace zrakem.
 ==== Grafika ====
- Šablona musí umožnit nastavení **funkční grafiky**, zejména:
+Redakční systém musí umožnit nastavení **funkční grafiky**, zejména **kontrastů** popředí a pozadí.
-  * **Kontrasty** popředí a pozadí,
-  * grafické znázornění **hierarchické struktury a funkčních oblastí stránky**.
 ====  Zobrazení na mobilních zařízeních ====
-  * Šablona musí mít **responzivní design**.
+  * Web musí mít **responzivní design**, tj. přizpůsobit vzhled a rozložení stránky zařízení použitému k jejímu prohlížení.
   * Musí být možné **samostatné nastavení vzhledu webu pro mobilní zařízení** (případně také nastavení specifických funkcí pro mobilní zařízení).
 ====  Jazyková nastavení ====
-  *  Doporučuje se, aby systém umožňoval **vytvářet jazykové alternativy stránek**.
+  *  Doporučuje se, aby systém umožňoval **vytvářet různé jazykové verze stránek**.
 =====  Vkládání informací do redakčního systému =====
-<WRAP center  info>
+<WRAP center info>
 I když je návrh konkrétního webu vytvořen tak, aby splňoval nároky na přístupnost pro osoby se specifickými potřebami, samo o sobě to nestačí. **Záleží nejen na návrhu webu, ale také na tom, jak jsou informace na web vkládány.** Pokud se při aktualizaci informací na webu nebere zřetel na požadavky přístupnosti, **i web, který byl navržen jako přístupný, se může lehce stát velmi bariérovým**.
 </WRAP>
-Při vkládání informací ovlivňuje přístupnost stránky její správná **struktura** (název, nadpisy), **srozumitelnost informací**. Značnou roli hraje také způsob, jakým se pracuje s **odkazy na stránce**, jak jsou voleny a vkládány **obrázky**, zda všechny texty a použití prvky mají dostatečný **kontrast** vůči pozadí, zda, netextové prvky mají **textovou alternativu**. Záleží také na tom, zda jsou **přístupné dokumenty** zveřejněné na webu, nebo jakým  způsobem jsou tyto dokumenty prezentovány.
- Dobře nastavený redakční systém může velmi pomoci přístupnému vkládání informací, protože uživatel některé věci nemusí hlídat - systém to dělá za něj. Mnoho aspektů přístupnosti však naopak závisí přímo  na tom, jak jsou informace zveřejněny. Proto je důležité, aby lidé, kteří s webovými stránkami pracují, vkládají na web informace a upravují je, znali základní principy vkládání informací do redakčního systému formou přístupnou pro uživatele se specifickými potřebami a při editaci webových stránek tyto principy dodržovali.
-Přehled základních doporučení a návodů pro vkládání informací přístupnou formou, najdete pohromadě v další části příručky (Manuál přístupnosti pro editory stránek ) určené právě pro ty, kdo informace na web vkládají. Jsou zde použity příklady z konkrétní instalace redakčního systému Drupal((Konkrétně jde o web Jaboku - Vyšší odborné školy sociálně pedagogické a teologické a web Knihovny Jabok)). Uvedené postupy jsou však obedně platné a jsou víceméně shodné napříč redakční systémy, studijními či jinými informačními systémy, e-learningovými nástroji  apod. Tyto nástroje se obvykle liší spíše drobnostmi, např. názvy tlačítek nebo polí, případně vzhledem webového (WYSIWYG) editoru.
+Při vkládání informací ovlivňuje přístupnost stránky **[[pristupnost:struktura_webu|její struktura]]** (název, nadpisy) a **[[pristupnost:vkladani_informaci_na_web|srozumitelnost informací]]**. Značnou roli hraje také způsob, jakým se pracuje s **[[pristupnost:odkazy|odkazy na stránce]]**, jak jsou voleny a vkládány
+**[[pristupnost:obrazky|obrázky]]**, zda všechny texty a použité prvky mají dostatečný **[[pristupnost:funkcni_grafika_webu|kontrast]]** vůči pozadí, zda netextové prvky mají **textovou alternativu**. Záleží také na tom, zda jsou **přístupné i [[pristupnost:dokumenty|dokumenty]]** zveřejněné na webu nebo jakým způsobem jsou tyto dokumenty prezentovány (např. zda je uvedena informace o jejich velikosti a formátu).
+Dobře nastavený redakční systém může velmi pomoci přístupnému vkládání informací, protože uživatel některé věci nemusí hlídat – systém to dělá za něj. Řada aspektů přístupnosti však naopak závisí přímo na tom, jak jsou informace zveřejněny. Proto je důležité, aby lidé, kteří s webovými stránkami pracují, vkládají na ně informace a upravují je, znali základní principy vkládání informací do redakčního systému formou přístupnou pro uživatele se specifickými potřebami a při editaci webových stránek tyto principy dodržovali.
+Přehled základních doporučení a návodů pro vkládání informací přístupnou formou najdete v [[pristupnost:manual_pristupne_editace_webu|Manuálu přístupné editace webu]]. Je určen právě pro ty, kdo informace na web vkládají. Jako ukázky jsou použity příklady z konkrétní instalace redakčního systému Drupal((Konkrétně jde o web Jaboku – Vyšší odborné školy sociálně pedagogické a teologické a web Knihovny Jabok.)). Uvedené postupy jsou však obecně platné a jsou víceméně shodné napříč redakční systémy, studijními (či jinými) informačními systémy, e-learningovými nástroji atd. Tyto nástroje se obvykle liší spíše drobnostmi, např. názvy tlačítek nebo polí, případně vzhledem WYSIWYG editoru.
+<-metodika_wcag|11. Metodika WCAG^obsah|Obsah^funkcni_grafika_webu|13. Funkční grafika webu->

Přístupné webové stránky

Uživatelské nástroje

Nástroje pro tento web

Rozdíly

Nástroje pro stránku