accessibility
Rozdíly
Zde se zobrazují rozdíly mezi dvěma verzemi stránky.
| accessibility [2025-09-08 08:15] – vytvořeno MartinR | accessibility [Neznámé datum] (aktuální) – upraveno správcem (MartinR) mimo DokuWiki (Neznámé datum) 127.0.0.1 | ||
|---|---|---|---|
| Řádek 1: | Řádek 1: | ||
| + | ====== Přístupnost ====== | ||
| + | |||
| + | https:// | ||
| + | |||
| + | Přístupnost znamená, že věci fungují pro všechny – včetně lidí s různými zdravotními postiženími a omezeními. | ||
| + | |||
| + | Je také součástí legislativy mnoha zemí. Existuje například [[https:// | ||
| + | |||
| + | Většina těchto zákonů nebo politik vyžaduje, aby web splňoval [[https:// | ||
| + | |||
| + | To, že je něco v souladu s WCAG, neznamená, že neexistují žádné bariéry nebo že nikdo není vyloučen – ale je to dobrý začátek a mezinárodně uznávaný standard. | ||
| + | |||
| + | ===== Jak je na tom DokuWiki s přístupností? | ||
| + | |||
| + | Instance DokuWiki se skládá minimálně z jádra, obsahu, který do wiki vložíte, a volitelně z rozšíření ([[plugins|pluginy]] a případně jiný [[template|šablon]]). Každá z těchto částí má jinou úroveň přístupnosti. | ||
| + | |||
| + | ==== Jádro ==== | ||
| + | |||
| + | [[: | ||
| + | |||
| + | Průběh řešení nalezených problémů můžete sledovat nebo se dokonce zapojit do jejich řešení na [[https:// | ||
| + | |||
| + | ==== Rozšíření ==== | ||
| + | |||
| + | V současnosti neexistuje způsob, jak zjistit, zda jsou používaná rozšíření přístupná – kromě toho, že si je sami otestujete. | ||
| + | |||
| + | Bylo by užitečné, | ||
| + | |||
| + | ==== Obsah ==== | ||
| + | |||
| + | I když je jádro plně v souladu s WCAG, obsah, který do wiki vložíte, může způsobit problémy s přístupností a učinit vaši wiki nevyhovující. | ||
| + | |||
| + | Zde je několik tipů, jak udržet obsah co nejpřístupnější: | ||
| + | |||
| + | * Používejte formátování tak, jak bylo zamýšleno – kvůli správné sémantice. Např. nepoužívejte nadpisy jen kvůli zvětšení a tučnosti textu, pokud to není skutečný nadpis. Nepoužívejte tabulky k vizuálnímu zvýraznění textu. | ||
| + | * Odkazy by měly mít text, který jasně vyjadřuje jejich účel. | ||
| + | * Nadpisy by měly přesně popisovat téma nebo účel. | ||
| + | * Nadpisy by ideálně neměly přeskočit žádnou úroveň a měly by společně odrážet strukturu stránky. Např. po nadpisu úrovně 3 by měl následovat nadpis úrovně 2, | ||
| + | * Titulek stránky (text, který se zobrazuje na záložce prohlížeče) by měl popisovat téma nebo účel hlavního obsahu. Toho lze dosáhnout pomocí volby [[doku> | ||
| + | * Obrázky, které nejsou pouze dekorativní, | ||
| + | * Pokud je obrázek součástí odkazu a v odkazu není jiný text, je nutné přidat alternativní text přímo do syntaxe – měl by popisovat účel odkazu. | ||
| + | * Videa by měla mít titulky a zvukový popis (pokud obsahují důležité vizuální prvky, které nejsou jinak popsány). | ||
| + | * Ujistěte se, že je správně deklarován jazyk. Pokud wiki obsahuje stránky v různých jazycích, použijte [[doku> | ||
| + | |||
| + | ---- | ||
| + | |||
| + | //Správné používání nadpisů H1-H6 z hlediska přístupnosti má několik klíčových pravidel, která jsou definována v rámci WCAG (Web Content Accessibility Guidelines).// | ||
| + | |||
| + | ===== Základní principy hierarchie nadpisů ===== | ||
| + | |||
| + | ==== Logické pořadí ==== | ||
| + | |||
| + | **Nadpisy musí následovat v logickém sestupném pořadí**. To znamená, že po H1 může následovat pouze H2, po H2 může následovat H2 nebo H3, ale nikdy ne H4. | ||
| + | |||
| + | **Správný příklad struktury: | ||
| + | <code html> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | ==== Nesmí se přeskakovat úrovně ==== | ||
| + | |||
| + | **Nelze přeskočit hierarchické úrovně** nadpisů. Například po H2 nemůže přímo následovat H4 bez H3. | ||
| + | |||
| + | ===== Pravidla pro jednotlivé úrovně ===== | ||
| + | |||
| + | ==== H1 - Hlavní nadpis ==== | ||
| + | |||
| + | * **Pouze jeden H1 na stránce** | ||
| + | * Měl by reprezentovat **hlavní téma celé stránky** | ||
| + | * Umisťuje se na **začátek hlavního obsahu** | ||
| + | * Musí být **jedinečný v rámci celého webu** | ||
| + | |||
| + | ==== H2-H6 - Podnadpisy ==== | ||
| + | |||
| + | * **H2 označuje hlavní sekce** pod H1 | ||
| + | * **H3-H6 se používají pro podsekce** v sestupném pořadí | ||
| + | * Každý nadpis by měl být použit **minimálně každých 300 slov** | ||
| + | |||
| + | ===== Požadavky WCAG na přístupnost ===== | ||
| + | |||
| + | ==== Klíčové standardy ==== | ||
| + | |||
| + | **WCAG definuje tři hlavní požadavky** týkající se nadpisů: | ||
| + | |||
| + | - **1.3.1 Info and Relationships** (úroveň A) - Informace a vztahy musí být jasně strukturovány | ||
| + | - **2.4.6 Headings and Labels** (úroveň AA) - Nadpisy musí jasně popisovat svůj účel | ||
| + | - **2.4.10 Section Headings** (úroveň AAA) - Obsah by měl být organizován pomocí sekcí s nadpisy | ||
| + | |||
| + | ==== Sémantické označení ==== | ||
| + | |||
| + | * **Používejte pouze skutečné HTML nadpisy** (''< | ||
| + | * Text, který **není nadpisem, nesmí být označen jako nadpis** | ||
| + | * Nadpisy musí být **přesné a informativní** jako popisky sekcí | ||
| + | |||
| + | ===== Výhody pro přístupnost ===== | ||
| + | |||
| + | ==== Navigace pro uživatele se zrakovým postižením ==== | ||
| + | |||
| + | **Čtečky obrazovky umožňují navigaci podle nadpisů**, což je klíčový způsob orientace pro nevidomé uživatele. Správná struktura nadpisů vytváří **jasný obsah stránky**. | ||
| + | |||
| + | ==== Strukturální přehled ==== | ||
| + | |||
| + | Nadpisy poskytují **strukturální osnovu obsahu webové stránky**, což pomáhá všem uživatelům rychle pochopit organizaci informací. | ||
| + | |||
| + | ===== Doporučené postupy ===== | ||
| + | |||
| + | * **Začněte vždy H1** na začátku hlavního obsahu | ||
| + | * **Nadpisy by měly být stručné** a výstižné | ||
| + | * **Každý nadpis musí přesně popisovat** obsah následující sekce | ||
| + | * **Vytvořte jasnou hierarchii** - nadpisy by měly poskytovat logickou strukturu dokumentu | ||
| + | |||
| + | Dodržování těchto pravidel zajistí, že vaše webové stránky budou přístupné pro všechny uživatele, včetně těch, kteří používají asistivní technologie. | ||