Prozkoumejte Core - Accessibility Addons v Joomla 4.1

Každý má své vlastní preference a potřeby – a Joomla se o ně všechny stará.

Kromě všech opatření přijatých v jádru pro poskytování přístupného nástroje pro tvorbu jsou v Joomle doplňky, které vám mohou usnadnit život a zajistit, aby se vaši uživatelé a zákazníci cítili pohodlněji. 

Tyto doplňky mohou být užitečné – ale uvědomte si, že samy o sobě web nezpřístupní!

Backend: Individuální nastavení usnadnění

V Joomla 4 je možné měnit nastavení pro backend na uživatelské bázi: každý uživatel si může backend přizpůsobit svým potřebám. Nastavení přístupnosti najdete pod uživatelským profilem (Users -> Manage) a v uživatelském menu v pravém horním rohu vašeho backendu.

nastavení přístupnosti

uživatel nastavení přístupnosti

 

Existují čtyři různá nastavení, která lze použít jednotlivě nebo v kombinaci. Monochrome změní barvy backendu z modré na černo/bílou:

nastavení usnadnění černobílé

Vysoký kontrast odstraní část pozadí a zesvětlí kontrast:

nastavení přístupnosti vysoký kontrast

 

Zvýraznění odkazů přidá podtržení a ohraničení všem odkazům v backendu:

nastavení usnadnění zvýraznění odkazů



Zvětšit velikost písma změní základní velikost písma na 18px (standardní velikost písma v prohlížečích je většinou 16px).

Pro uživatele: Skip-to-navigation Plugin

Tento plugin je ve výchozím nastavení povolen pro backend, ale může být povolen i pro frontend.

přeskočit na navigaci

 

Pomáhá uživatelům klávesnice přeskočit přímo do oblasti webu. 

a11y navigační backend

a11y navigační otevřený backend

Pro uživatele: Plugin pro usnadnění

Nastavení usnadnění jsou užitečná pro přizpůsobení backendu pro každého jednotlivého uživatele backendu. Je však také možné nabídnout funkce usnadnění pro návštěvníky vaší stránky. Plugin „Další funkce usnadnění“ lze aktivovat pro backend, frontend nebo obojí: 

funkce usnadnění

možnosti funkcí usnadnění

 

Plugin přidává tlačítko do spodní části stránky.K otevření/zavření funkcí můžete použít klávesovou zkratku CTRL+ALT+A na Windows nebo CTRL+OPTION+A na MacOS.

tlačítko funkcí usnadnění

 

Pomocí pluginu může uživatel zvětšit nebo zmenšit velikost písma a zvětšit nebo zmenšit mezery mezi textem pro zlepšení čitelnosti obsahu.

Uživatel může také invertovat barvy stránky, přidat podtržení ke všem odkazům, zvětšit kurzor, aktivovat průvodce čtením a také převést text na řeč.

otevírají se funkce usnadnění
Snímek obrazovky Firefox

 

Existuje funkce pro změnu šedých odstínů stránky, kterou lze použít v Edge nebo Chrome, ale ve Firefoxu je deaktivována.

funkce přístupnosti open edge
Snímek obrazovky Edge

 

Pro některé funkce existují speciální klávesové zkratky:

Modul nebo Funkce

klávesová zkratka

Přepnout nabídku

CTRL + ALT + A

Šedé odstíny

CTRL + ALT + G

Podtrhnout odkazy

CTRL + ALT + U

Velký kurzor

CTRL + ALT + C

Průvodce čtením

CTRL + ALT + R

Text na řeč

CTRL + ALT + T

Řeč na text

CTRL + ALT + S




funkce usnadnění čtení průvodceSnímek obrazovky demo stránky Cassiopeia s aktivovaným průvodcem čtení

 

Plugin Další funkce usnadnění neřeší žádný problém s přístupností, který může mít váš web. Web musí být od začátku správně vytvořen, aby byl přístupný.

Lidé se zdravotním postižením používají specializované nástroje (čtečky obrazovky, lupy, braillské embosery atd.) a pravděpodobně nebudou plugin používat, ale může zlepšit použitelnost pro starší lidi, lidi se zrakovým postižením, lidi s kognitivními problémy ms. Například nevidomý bude používat čtečku obrazovky a ne možnost změnit text na řeč, ale je to velmi dobré řešení pro starší a dočasné problémy se čtením, pro lidi, kteří mají problémy se čtením, pro lidi, kteří mají problémy se soustředěním.

Zvětšení textu je velmi užitečné pro mnoho seniorů a hůře vidících lidí, kteří často nevědí o možnostech prohlížeče a rádi takové nástroje využívají.

Kontrastní verze nenahradí správné kontrasty na webu, ale může být užitečná pro lidi se slabším zrakem nebo pro lidi, kteří si stránku procházejí například na slunném místě.

WCAG nevyžaduje, aby byly odkazy podtržené (musí být zvýrazněny), ale podtržené odkazy mohou zlepšit dostupnost pro osoby se zrakovým postižením nebo pro osoby, které mají potíže se soustředěním.

Pro uživatele: Jazyk dílů v TinyMCE

Co je to?

Značka, která označuje část textu jako „jiný jazyk“. Je užitečná pro vyhledávače nebo čtečky obrazovky, aby věděly, že musí změnit svůj jazyk nebo výslovnost. Představte si, že čtečka obrazovky používá anglickou výslovnost pro frázi jako „honni soit qui mal y pense“ – zní to trapně!

Jak konfigurovat?

V pluginu TinyMCE můžete definovat jazyky, které používáte ve svých textech. 

jazyk částí

 

Chcete-li to editorům usnadnit, přetáhněte ikonu jazyka k ikonám povoleným pro vaše editory. V opačném případě musí vybrat jazyk pomocí tlačítka formátování a posunout se tam dolů.

jazyk nastavení editoru dílů

Jak to použít v editoru?

Napište svůj článek a uložte jej. Poté označte části, které jsou v jiném jazyce, klikněte na ikonu světa nebo na rozevírací nabídku formátu a vyberte jazyk této části.

jazyk editoru dílů

 

Nyní je tato část textu označena jako němčina. Čtečka obrazovky podle toho změní výslovnost a vyhledávače budou rozumět i vašemu textu.

Pro autory a editory: Kontrola přístupnosti - jooa11y 

Vzpomeňte si na tento článek Briana Teemana, který oznamuje nové a vzrušující vylepšení systému Joomla: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

Teď to máme na palubě! 

Tento plugin pomáhá poskytovat přístupný obsah na vašem webu.

Kde to najdete?

Je to systémový plugin, jmenuje se jooa11y Tento plugin máte s Joomla verze 4.1.0, ve výchozím nastavení je povolen. 

plugin pro kontrolu přístupnosti

 

V pluginu můžete definovat, která oblast vašeho webu je kontrolována (výchozí je hlavní oblast) a můžete zahrnout nebo vyloučit některá pravidla.Pro začátek jednoduše ponechte předdefinovaná nastavení.

Kdo z toho má prospěch?

Návštěvníci vašeho webu, protože získají bezbariérový obsah.

Autoři obsahu na vašem webu, protože mohou produkovat bezbariérový obsah.

Agentury a weboví vývojáři - mají produkt, který umožňuje poskytovat bezbariérový obsah

Jak to použít?

Napište jakýkoli článek a uložte nebo otevřete jakýkoli existující článek. 

Aktivujte tlačítko „Kontrola přístupnosti“ na panelu nástrojů a kontrola přístupnosti ihned v náhledovém okně upozorní na porušení známých pravidel. 

Upozornění: stejně jako kontrola pravopisu nebo gramatiky je to nástroj, který provádí automatickou kontrolu. Nemůže najít porušení pravidel, která nejsou specifikována v programu a může označit porušení, která jsou zamýšlená a jsou správná v kontextu art icle. Vždy je to vaše odpovědnost.

Jak to funguje?

Určitě si vzpomínáte na slavné pravidlo „Kontrast barvy textu a barvy pozadí musí mít kontrastní poměr > 4,5“?

Plugin kontroluje toto pravidlo a mnoho dalších jedno po druhém a každé porušení pravidla vyvolá chybu a bude označeno ikonou v náhledu.

Můžete definovat, která oblast vašeho webu je kontrolována (v parametrech pluginu, výchozí je hlavní oblast) a můžete zahrnout nebo vyloučit některá pravidla. 

Zatímco některá pravidla jsou dobře definována a jsou rozhodně chybami, jiná pravidla jsou porušením dobré praxe. Jsou to varování a můžete se sami rozhodnout, zda je to v pořádku a zamýšlené ve vašem kontextu, nebo zda to potřebujete opravit. 

Za každou ikonou najdete popis – a někdy i radu, jak problém vyřešit nebo jaký je osvědčený postup.

kontrola přístupnosti v akci

 

Ikona kontroly vpravo dole poskytuje první informace. Ukazuje počet problémů, pokud byly nalezeny problémy. Kliknutím na tlačítko přepínáte podrobné informace v textu.

Pojďme to projít krok za krokem: 

Kontrolor byl nalezen

  • Chyby kontrastu na dvou místech – to jsou chyby.
  • Odkaz, který má target=_blank. To může být správné a zamýšlené – ale obecně to není dobrá praxe, a proto se zobrazí varování. 
  • Obrázek bez alternativního textu – toto je chyba. 

Poznámky

Všechna zde uvedená nastavení a pluginy neřeší žádný problém s přístupností na vašem webu. Pro zpřístupnění webu potřebujete správnou sémantickou strukturu HTML a dobré CSS. Jádro Joomla vám pomůže s přístupnými strukturami v různých zobrazeních, jako jsou správné štítky a vstupní pole ve formulářích. 

Pokud používáte šablonu třetí strany, měli byste si být vědomi přepisů, které mění původní strukturu zobrazení. Pěkná šablona může narušit přístupnost webu, pokud není dobrý barevný kontrast nebo pokud prvky nejsou dosažitelné pomocí klávesnice. Usnadnění má Mnoho aspektů a pluginy jsou pouze pomůckou pro návštěvníky, kteří používají váš web jiným způsobem než vy.

Prostor pro zlepšení

Na Joomle se vždy „pracuje“ a pluginy, o kterých se zde mluví, se stále vyvíjejí. Do příštího programového léta Google jsme zahrnuli projekt usnadnění, který by měl plugin pro usnadnění vylepšit. Zůstaňte naladěni a myslete na dostupné!

Děkuji

Tento článek vznikl v koprodukci s Christiane Maier-Stadtherr . Další články od Christiane naleznete na tomto odkazu .

Děkujeme Stefanu Wajdovi za jeho užitečné komentáře.

Jsem počítačový vědec a vždy jsem měl zájem o uživatelsky přívětivý Guis. Joomlu jsem našel v roce 2008 a ztratilo se. používání vlasů jsem nechal propram v Joomle. Takže si teď užívám ovládání na této skvělé cms. 

https://volunteers.joomla.org/joomlers/1961-christiane-maier-stadtherr

 

Vezměte prosím na vědomí, že tato webová stránka používá systém automatického překladu, který pomáhá při překladu do různých jazyků. Omlouváme se za jakékoli chyby nebo překlepy, které se mohou v různých textech objevit.