Jak vkládat dokumenty do redakčního systému tak, aby byly přístupné Poznámka: V tomto návodu jsou použity příklady z konkrétní instalace redakčního systému Drupal. Uvedené postupy jsou využitelné i pro další redakční systémy, e- learningové systémy apod., mohou se však lišit názvy tlačítek nebo polí, případně vzhled webového (WYSIWYG) editoru. Struktura dokumentu Název stránky Na každé stránce uveďte název stránky. Proč je to důležité: Název se zobrazí v prohlížeči v záhlaví okna případně panelu Nevidomému uživateli přečte odečítač obrazovky název stránky Název stránky je důležitý pro webové vyhledávače Nadpisy Používejte nadpisy, které vystihují, co daná stránka nebo její část obsahuje Nadpisy nikdy nezvýrazňujte pomocí prvků pro změnu velikosti, řezu nebo barvy písma. Pro formátování nadpisů vždycky používejte styly, které označují úroveň daného nadpisu:
Obvyklá hierarchie nadpisů: Nadpis 1 pro název stránky Nadpis 2 pro názvy jednotlivých sekcí Nadpis 3 pro názvy článků Nadpisy 4, 5 atd. pro nadpisy nižší úrovně v rámci článků. Někdy mohou být úrovně nadpisů použity jinak, ale v každém případě by logicky nadřazený celek měl být označen nadpisem vyšší úrovně a logicky podřízený celek nadpisem nižší úrovně Proč je to důležité: Používaní správné struktury pomocí nadpisů nám nejen ušetří práci (nemusíme se starat o formátování), ale především pomůže uživatelům správně se zorientovat v informacích na stránce. Obzvláště důležité je to pro nevidomé návštěvníky webu, pro které jsou nadpisy způsobem, jak se efektivně dostat právě k těm informacím, které potřebují, aniž by jim hlasový odečítač musel předčítat obsah celé stránky. Nadpisy jsou důležité také pro "stroje" (např. pro vyhledávače, pro automatické generování obsahu apod.). Seznamy Kdy seznam používat Pro seznamy a výčty položek používejte seznamy s číslovanými nebo nečíslovanými odrážkami (neuvádějte je jako text na řádku oddělený čárkami). Když jsou jednotlivé položky kratší, seznam je srozumitelnější. Jak seznam vytvořit Seznamy vytvoříte pomocí tlačítka pro formátování číslovaných nebo nečíslovaných seznamů. Rozhodně nevytvářejte položky číslovaných seznamů ručním vepsáním čísla položky ani položky nečíslovaných seznamů vložením hvězdičky nebo pomlčky apod. Pro odsazení položek seznamu nepoužívejte ručně vložený znak pro mezeru
Víceúrovňový seznam vytvářejte vždy tlačítkem pro zvětšení odsazení textu (viz obr. níže). Nikdy nevytvářejte pro odsazení položky nižší úrovně z klávesnice pomocí znaku pro mezeru. Proč je to důležité: Pro uživatele s kognitivními poruchami jsou seznamy s odrážkami přehlednější než položky uvedené v textu a oddělené pouze čárkou. Pomáhají jim také pochopit strukturu problému nebo si dát do souvislosti jednotlivé položky. V seznamech se lépe orientují i uživatelé s některými poruchami zraku a také nevidomí, kteří používají odečítač obrazovky - pokud je seznam správně vytvořený, odečítač obrazovky pozná a přečte, že se jedná o seznam, jakou úroveň v seznamu má daná položka atd., takže nevidomý návštěvník webu může se seznamem efektivněji pracovat. Obrázky Jaké obrázky vybírat Používejte obrázky, které jsou vhodné pro danou cílovou skupinu. Tam, kde je to možné, je vhodné použít jednotný styl obrázků. Má-li obrázek ilustrovat text nebo myšlenku, měl by být jasný a srozumitelný a mělo by na něm být pokud možno jen to, co je smyslem sdělení. Například pokud má být obrázek ilustrací požárního auta, mělo by na něm být pouze požární auto a ne další auta nebo záběr ulice s křižovatkou, lidmi, prodejními stánky apod. Proč je to důležité
Vhodné obrázky mohou pomoci v pochopení informace lidem s mentálním postižením, s poruchami učení nebo soustředění, případně cizincům nebo neslyšícím, pro které čeština není mateřským jazykem. Alternativní popis obrázků Pokud obrázek obsahuje nějakou informaci (např. jedná se tlačítko, logo, emotikon, piktogram apod.), je potřeba přidat také alternativní text vysvětlující funkci obrázku. Alternativní text (někdy také označovaný jako alt ) je obvykle jedním z polí formuláře pro vložení obrázku. Pokud jsou obrázky důležitou součástí obsahu sdělované informace, (např. grafy, schémata nebo jakékoliv obrázky vysvětlují nějakou část informace, která jinak není obsažená v textu), připojte slovní popis obrázku.
Obrázky na pozadí Obrázkům na pozadí je vhodné se zcela vyhnout, protože zhoršují čitelnost a porozumění textu. To může působit problémy lidem s různými zrakovými poruchami (včetně seniorů), lidem s mentálním postižením nebo lidem s poruchami učení, cizincům apod. Obrázky na pozadí však také zhoršovat čitelnost na mobilních zařízeních (např. čtení při intenzivním slunečním světle). Zvýraznění textu Výhodou redakčního systému bývá to, že se nemusíme starat o vzhled a zvýraznění jednotlivých prvků například vzhledu nadpisů apod. Pokud však potřebujeme zvýraznit nějaký text v obsahu stránky, který není nadpisem, je potřeba dodržet několik jednoduchých pravidel: Odkazy Dbejte na dostatečný kontrast textu a pozadí (není např. vhodné použít pro barevné zvýraznění světlou barvu na bílém pozadí). Nespoléhejte při zvýraznění pouze na barvu. Lidé s poruchami barvocitu (tj. při tzv. barvosleposti) nemusí barevné zvýraznění vůbec vnímat (podle typu poruchy např. nemusí rozeznat červenou, zelenou či jinou barvu). Snažte se zvýrazněné části textu odlišit od odkazů. Obzvláště lze doporučit vyhnout se na webových stránkách použití podtržení slov, které by mohlo v některých návštěvnících stránky vzbuzovat dojem, že se jedná o odkaz, protože na mnoha webech jsou odkazy označeny právě podtržením. Vhodným způsobem zvýraznění textu je použití tučného řezu písma (obvykle jej v editoru najdeme pod tlačítkem označeným tučným písmenem B ). Pokud při editaci používáte HTML značky, nepoužívejte pro tučné písmo značku <b> </b>, ale značku <strong></strong>, kterou umějí rozpoznat asistivní technologie pro nevidomé a nevidomý uživatel webu tak má k dispozici informaci o zvýrazněné části textu. Podobně pokud potřebujete zvýraznit text kurzívou, nepoužívejte značku <i></i>, ale značku <em></em>. Srozumitelnost odkazů Zástupný text odkazu by měl jednoznačně vystihovat, kam odkaz vede a to i bez okolního kontextu. Pokud je to možné, nepoužívejte jako označení odkazu výraz zde, protože pokud je takových odkazů na stránce víc, stává se stránka pro většinu uživatelů nepřehlednou. Příklad použití nevhodného zástupného textu:
Informace o cenách služeb najdete zde. Příklad použití vhodného zástupného textu Podrobnosti o cenách služeb najdete v Ceníku Podrobnosti ceně služeb viz Ceník apod. Proč je to důležité Odkaz označený jako zde přestavuje velký problém pro ty, kdo používají odečítač obrazovky, a snaží se procházet stránku po odkazech v tom případě opakovaně slyší odkaz zde, který jim však sám o sobě nic neřekne. Nevhodné označení odkazů může komplikovat práci s webem také uživatelům s dalšími poruchami zraku, kteří sice s omezením vidí, ale je pro ně obtížné používat myš a proto se pohybují po odkazech pomocí tabelátoru Je vhodné vyhnout se také spojení klikněte zde, protože uživatelé dotykových zařízení nebo alternativních vstupních zařízení kliknutí myši nepoužívají. Pomocný titulek odkazu V některých případech je vhodné připojit k odkazu vysvětlení, kam odkaz vede, obzvláště pokud odkaz vede na jiný web nebo pokud se stránka otevře v novém okně. K tomu se používá pomocný titulek je nezbyté použít také v případech, kdy není možné pro zástupný text použít jednoznačnou formulaci (tyto případy by však měly
být zcela výjimečné viz srozumitelnost odkazů), nebo chceme-li přidat podrobnější informaci o tom, co je cílem odkazu. Pomocný titulek přidáte k odkazu v kontextovém okně, které se otevře po kliknutí na tlačítko pro tvorbu odkazů. V závislosti na druhu redakčního nebo e-learningového systému může být pomocný titulek umístěn např. na některé z dalších karet kontextového okna (na kartě Rozšířené apod.). Pozor, v některých redakčních nebo informačních systémech může být použit jiný název než pomocný titulek. Proč je to důležité Pomocný titulek pomáhá návštěvníkům webu rozhodnout se, zda opravdu chtějí navštívit daný odkaz. Obzvláště důležitý může být pomocný titulek pro uživatele s postižením zraku, kteří mají zhoršenou vizuální orientaci nebo kteří pracují s odečítačem obrazovky, pro něž je např. obtížné zjistit, že byli prostřednictvím odkazu přesunuti do jiného okna nebo dokonce na jiný web, který má jinou strukturu, odlišnou navigaci apod. Formát informací na webu Kromě odůvodněných případů je vhodné vkládat na webové stránky veškeré informace ve formátu HTML, tj. jako webovou stránku, nikoliv jako odkaz na soubor. Uživatel tak pro získání obsahu nemusí stahovat soubor nebo spouštět jinou aplikaci než prohlížeč (navíc stránka ve formátu HTML bývá obvykle méně náročná na objem přenesených dat). Obojí ocení nejen znevýhodnění uživatelé, ale také uživatelé mobilních zařízení. Pokud chcete do stránky (nebo i do e-mailu) vložit např. plakát s pozvánkou na akci jako soubor, je i v takovém případě vhodné uvést na webu základní informace o akci ve formě textu na webové stránce. Pokud na web vkládáme soubory ke stažení, pak je nutné: Uvést typ souboru (např. PDF, DOC ) Uvést velikost souboru (to je důležité např. pro uživatele, kteří platí za přenesená data, mají omezenou kapacitu připojení apod.). Informace o velikosti souboru lze ve Windows zjistit např. o ve Složce dokumentů po najetí myší nad ikonu souboru nebo v sekci Podrobnosti v levém navigačními sloupci (informace se zde zobrazí při klinutí na ikonu souboru) o V programu Total Commander se po označení souboru (např. klávesou Insert) zobrazí informace o velikosti označeného souboru v dolní liště panelu. Lze ji zobrazit také v nabídce Soubor > Vlastnosti.
Zajistit, aby vložený dokument byl přístupný i pro uživatele, kteří používají místo monitoru alternativní výstupní zařízení (např. odečítač obrazovky). Pozvánka nebo plakát uložený ve formátu JPG, PNG, GIF či jiném formátu pro obrázky ani dokument naskenovaný jako obrázek ve formátu PDF, který neobsahuje textovou vrstvu, není přístupný pro uživatele, kteří používají alternativní výstupný zařízení jako je odečítač obrazovky (a nepřečte jej ani webový vyhledávač). Obsah Důležité informace dávejte na začátek stránky. V mnoha případech může být dobré na začátku stránky shrnout obsah nebo nejdůležitější informace Buďte konzistentní pro tutéž věc používejte vždy stejný termín. Uveďte všechny informace, které lidé potřebují, ale snažte se neuvádět zbytečné informace Nespoléhejte na to, že všichni znají zkratky, které používáte. Informace pište ve správném pořad - snažte se, aby informace na sebe navazovaly