DokuWiki

Je lepší, když je to jednoduché

Nástroje uživatele

Nástroje webu


accessibility

Rozdíly

Zde se zobrazují rozdíly mezi dvěma verzemi stránky.

Odkaz na výstup diff

accessibility [2025-09-08 08:15] – vytvořeno MartinRaccessibility [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://www.dokuwiki.org/accessibility
 +
 +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://digital-strategy.ec.europa.eu/en/policies/web-accessibility|směrnice o přístupnosti webu ve všech zemích EU]], [[https://www.ada.gov/|Americans with Disabilities Act (ADA)]] a [[https://www.section508.gov/|Section 508]] v USA, stejně jako [[https://www.w3.org/WAI/policies/|mnoho dalších]].
 +
 +Většina těchto zákonů nebo politik vyžaduje, aby web splňoval [[https://www.w3.org/WAI/standards-guidelines/wcag/|Web Content Accessibility Guidelines (WCAG)]] 2.1 úrovně AA nebo její variantu. Znalost toho, jak moc je software v souladu s WCAG, může být velkou výhodou – a důvodem, proč je některý software používán, pořizován nebo doporučován, zatímco jiný ne.
 +
 +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 ====
 +
 +[[:changes#vydani-2020-07-29a-hogfather|Verze Hogfather]] s výchozí šablonou a bez pluginů byla v březnu 2021 auditována z hlediska souladu s WCAG. [[doku>wcag-audit|Zpráva z WCAG auditu]] ukazuje, že DokuWiki aktuálně není plně v souladu s WCAG.
 +
 +Průběh řešení nalezených problémů můžete sledovat nebo se dokonce zapojit do jejich řešení na [[https://github.com/dokuwiki/dokuwiki/projects/5|projektu „Accessibility Audit“ na GitHubu]].
 +
 +==== 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é, kdyby autoři pluginů a šablon alespoň sami deklarovali úroveň přístupnosti svých rozšíření.
 +
 +==== 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, 3 nebo 4.
 +  * 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>config:useheading|useheading]] – ta použije první nadpis hlavního obsahu jako titulek stránky.
 +  * Obrázky, které nejsou pouze dekorativní, by měly mít alternativní text, který vyjadřuje stejný význam jako obrázek. Alternativní text lze přidat přímo do syntaxe obrázku, např. ''%%{{file.png|alternativní text}}%%'', nebo jej popsat v okolním textu.
 +  * 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>plugin:translation|plugin Translation]] (ale jen pokud je aktivována volba ''translateui''). Pokud wiki obsahuje více jazyků na jedné stránce, použijte [[doku>plugin:wrap|plugin Wrap]] s [[doku>plugin:wrap#languages_and_text_directions|jazykovou syntaxí]]. Např. ''%%<wrap :en>This text is explicitly marked as English.</wrap>%%''.
 +
 +----
 +
 +//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>
 +<h1>Hlavní nadpis stránky</h1>
 +<h2>První hlavní sekce</h2>
 +<h3>Podsekce</h3>
 +<h2>Druhá hlavní sekce</h2>
 +<h3>Další podsekce</h3>
 +<h4>Pod-podsekce</h4>
 +</code>
 +
 +==== 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** (''<h1>'' až ''<h6>'')
 +  * 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.
  

Pokud není uvedeno jinak, je obsah této wiki dostupný pod licencí:
CC-BY-SA • Uveďte původ - Zachovejte licenci 4.0 Mezinárodní
CC-BY-SA • Uveďte původ - Zachovejte licenci 4.0 Mezinárodní Darovat Běží na PHP Validátor HTML5 Validátor CSS Běží na DokuWiki

Našli jste na stránce chybu, nebo překlep?
Budu vděčný za upozornění.
Děkuji

Nahoru