--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Jak zlepšit přístupnost WordPress stránky url: https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/ date: 2016-02-16 modified: 2016-02-16 author: Tomáš Cirkl type: post categories: [WordPress návody] tags: [přístupnost, uživatelé, WordPress] --- WordPress návody # Jak zlepšit přístupnost WordPress stránky [![profil 100x100](https://www.wplama.cz/wp-content/uploads/2026/11/profil-100x100.jpg "profil 100x100") **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 16. 2. 2016 4 min čtení Pozor: Článek je z roku 2016. Některé postupy se mohly změnit. ![Přístupnost](https://www.wplama.cz/wp-content/uploads/2016/02/pristupnost-scaled.jpg "Přístupnost") Obsah článku (3 kapitoly) 1. [Co je to přístupnost u tvorby webových stránek na WordPressu?](https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/#co-je-to-pristupnost-u-tvorby-webovych-stranek-na-wordpressu) 2. [Zlepšení přístupnosti WordPress stránky](https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/#zlepseni-pristupnosti-wordpress-stranky) 3. [Nástroj pro testovaní barev](https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/#nastroj-pro-testovani-barev) Přístupnost, jakožto vlastnost WordPress stránek, je dost často opomíjená. Může za to především snaha tvůrců stránek o tvorbu *krásné stránky*. Přesto vyřešit tento problém není moc těžké a může pomoci lidem v lepší orientaci na webu. ## Co je to přístupnost u tvorby webových stránek na WordPressu? Přístupnost je termín, který popisuje techniky návrhu stránek, které činí produkt přístupnější pro uživatele. U tvorby stránek existují obecná pravidla, která jsou doporučena experty na tvorbu webových stránek a jejichž dodržením vylepšíte přístupnost webových stránek. Tyto pravidla byla využita i například při tvorbě WordPressu samotného. Vytvořením webové stránky s ohledem na přístupnost, ji učiníte pro uživatele přívětivější a zároveň pohyb po stránce pro ně bude jednodušší. Problém je v tom, že většina lidí co používá WordPress nemá o přístupnosti vůbec tušení. Většina vlastníků stránek nainstaluje WordPress, vyberete si pro stránky pěknou šablonu a tím pro ně celý proces končí. Je dobré však sledovat nové trendy a stále zlepšovat svou webovou stránku tak, aby byla co nejlepší pro všechny její návštěvníky. Pojďme se tedy podívat na způsob jak zlepšit přístupnost WordPress stránky bez úpravy zdrojového kódu. ## Zlepšení přístupnosti WordPress stránky Nejprve si nainstalujte a aktivujte plugin [WP Accessibility](https://wordpress.org/plugins/wp-accessibility/ "WP Accessibility"). Po aktivaci běžte do *Nastavení -> WP Accessibility*. [![WP Accessibility nastavení](https://www.wplama.cz/wp-content/uploads/2016/02/wp-accessibility-nastaveni-1024x498.png "WP Accessibility nastavení")](https://www.wplama.cz/wp-content/uploads/2016/02 / wp-accessibility-nastaveni.png) WP Accessibility nastavenís V první sekci s názvem **Remove Title Attributes** (Odstranit atributy Title) můžete odstranit atribut *title* ze štítků a archivů. Tento atribut je považován za nepotřebný a většina uživatelů namísto čtení atributu *title* si přečte stručný výpis příspěvku. V druhé sekci můžete aktivovat tzv. *skip link*. Jedná se o nástroj, který umožňuje uživatelům přeskočit přímo na obsah. Jedná se o velmi užitečnou vlastnost pro uživatele na tabletech nebo telefonech. Díky *skip link* odkazu mohou přeskočit navigační menu a další obsah hlavičky a začít rovnou číst. Třetí sekci ve WP Accessibility je **Miscellaneous Accessibility Settings** (Různá nastavení pro přístupnost). Postupně zde všechny body popíši: - **Add Site Language and text direction to HTML element** (Přidat jazyk webu a směr textu do HTML) - **Add post title to „more“ links.** (Přidat titulek příspěvku k k odkazu) - **Add landmark roles to HTML5 structural elements** (Přidat landmark v HTML5) - **Automatically Label WordPress search form and comment forms** (Automaticky přidat label k WordPress hledání a formuláři pro komentáře) - **Remove target attribute from links** (Odstranit atribut target z odkazu) - **Force search error on empty search submission** (Vynutit chybu hledání při prázdném vyhledávání) – je třeba aby šablona měla search.php - **Remove tabindex from focusable elements** (Odstranit tabindex z elementů s parametrem focus) - **Force underline on all links** (Vynutit podtržení u všech odkazů) - **Enable WordPress Admin stylesheet** (Povolit WordPress admin styly) - **Make row actions always visible** (Udělat nastavení vždy viditelné) – nastavení například příspěvků v administraci, takové to Upravit, Smazat… - **Remove title attribute from images inserted into post content and featured images.** (Odstranit title atribut z obrázků vložených do obsahu a náhledových obrázků) - **Enable diagnostic CSS** (Povolit diagnostiku CSS) - **Add outline to elements on keyboard focus Outline color** (Přidat outline k elementům, které jsou označené pomocí klávesnice) – zadává se barva v hexadecimálním tvaru ** první čtyři body mohou být neaktivní pokud vaše šablona již podporuje skip links.* Některé z výše uvedených bodů jsou aktivované ve výchozím nastavení, zbytek je pak jen na vás k posouzení, zda to na webu potřebujete. ### Accessibility Toolbar Settings V nastavení WP Accessibility si můžete aktivovat i box, který umožní měnit uživateli velikost písma nebo barev. **Add Accessibility toolbar with fontsize adjustment and contrast toggle** (Přidat box pro úpravu písma a konstrastu) --- **Toolbar location** (Umístění boxu) – zadejte ID --- **Toolbar font size** (Velikost písma boxu) --- **Support Accessibility toolbar as shortcode or widget** (Možnost vložit box pomocí shortcodu nebo widgetu) --- **Include grayscale toggle with Accessibility toolbar** (Přidat na box nastavení šedi) --- **Place toolbar on right side of screen.** (Umístit box na pravé stránce obrazovky) --- ## Nástroj pro testovaní barev Posledním boxem je nástroj Color Contrast Tester. Zde si mlůžete zadat barevné schéma vaší šablony a otestovat si zda jsou barvy dostatečně od sebe odlišeny. Barvy vaší šablony můžete získat ze souboru stylů nebo pomocí programu [Barvy](https://www.wplama.cz/jak-jednoduse-zjistit-kod-barvy/). [![Nástroj pro odlišení barev](https://www.wplama.cz/wp-content/uploads/2016/02/nastroj-pro-odliseni-barev.png "Nástroj pro odlišení barev")](https://www.wplama.cz/wp-content/uploads/2016/02 / nastroj-pro-odliseni-barev.png) Nástroj pro odlišení barev Pokud byste se o pluginu chtěli dozvědět více, pak si doporučuji přečíst [návod na stránkách WordPress.org](https://make.wordpress.org/accessibility/wp-accessibility-plugin/) (pouze v angličtině). - [#přístupnost](https://www.wplama.cz/stitek/pristupnost/) - [#uživatelé](https://www.wplama.cz/stitek/uzivatele/) - [#WordPress](https://www.wplama.cz/stitek/wordpress/) Sdílet - - [](mailto:?subject=Jak zlepšit přístupnost WordPress stránky&body=Jak zlepšit přístupnost WordPress stránky https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fjak-zlepsit-pristupnost-wordpress-stranky%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fjak-zlepsit-pristupnost-wordpress-stranky%2F) ![profil 150x150](https://www.wplama.cz/wp-content/uploads/2026/11/profil-150x150.jpg "profil 150x150") Autor Tomáš Cirkl Zakladatel WPlama. Od roku 2014 se starám o weby a e‑shopy na WordPressu a píšu o tom, co při té práci řeším. Třikrát jsem přednášel na Word Campech. 1 035 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (2) [Přidat komentář →](https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/#respond) MK Miroslav Knedla [16. 2. 2016](https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/#comment-29074) To je ale moc dobrý příspěvek, díky 🙂 [Odpovědět](https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/#comment-29074) TC Tomáš Cirkl WPlama [16. 2. 2016](https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/#comment-29075) Díky! [Odpovědět](https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/#comment-29075) --- --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/jak-zlepsit-pristupnost-wordpress-stranky/#respond) [← Předchozí článek Štve vás, že není aktuální verze WordPressu v češtině? Pokud ano, přijďte na Contributors Day](https://www.wplama.cz/stve-vas-ze-neni-aktualni-verze-wordpressu-v-cestine-pokud-ano-prijdte-na-contributors-day/) [Další článek → Optimalizace rychlosti načítání webu na WordPress bez znalosti programování](https://www.wplama.cz/optimalizace-rychlosti-nacitani-webu-na-wordpress-bez-znalosti-programovani/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WordPress návody →](https://www.wplama.cz/wordpress/navody/) ![llms txt scaled](https://www.wplama.cz/wp-content/uploads/2026/03/llms-txt-scaled.png "llms txt scaled") WordPress návody ### [Konec tradičního SEO? Jak a proč začít optimalizovat WordPress web pro AI vyhledávače](https://www.wplama.cz/optimalizace-pro-ai-vyhledavace/) 3. 3. 2026 9 min čtení --- ![cloudflare turnstile scaled](https://www.wplama.cz/wp-content/uploads/2025/12/cloudflare-turnstile-scaled.png "cloudflare turnstile scaled") WordPress návody ### [Cloudflare Turnstile – Jeden antispam, který ochrání celý váš WordPress](https://www.wplama.cz/cloudflare-turnstile-antispam/) 17. 12. 2025 4 min čtení --- ![image scaled](https://www.wplama.cz/wp-content/uploads/2025/09/image-scaled.png "image scaled") WordPress návody ### [Jak přidat měřicí kód Sklik do WordPress pomocí Complianz](https://www.wplama.cz/jak-pridat-merici-kod-sklik-do-wordpress-pomoci-complianz/) 16. 9. 2025 3 min čtení ---