Preskúmajte jadro - doplnky prístupnosti v Joomla 4.1

Každý má svoje vlastné preferencie a potreby – a Joomla sa o ne všetky stará.

Okrem všetkých opatrení prijatých v jadre na poskytovanie prístupného nástroja na tvorbu obsahu sú v Joomle doplnky, ktoré vám môžu uľahčiť život a vašim používateľom a zákazníkom prinesú väčší komfort. 

Tieto doplnky môžu byť užitočné – ale uvedomte si, že sami nesprístupňujú stránku!

Backend: Individuálne nastavenia dostupnosti

V Joomla 4 je možné meniť nastavenia pre backend na užívateľskej báze: každý užívateľ si môže prispôsobiť backend svojim potrebám Nastavenia prístupnosti nájdete pod užívateľským profilom (Users -> Manage) a v užívateľskom menu v pravom hornom rohu vášho backendu.

nastavenia dostupnosti

používateľ nastavení prístupnosti

 

Existujú štyri rôzne nastavenia, ktoré je možné použiť jednotlivo alebo v kombinácii. Monochrome zmení farby backendu z modrej na čierno/bielu:

monochromatické nastavenia dostupnosti

Vysoký kontrast odstráni určité pozadie a kontrast bude jasnejší:

nastavenia prístupnosti vysoký kontrast

 

Zvýraznenie odkazov pridá podčiarknutia a orámovanie všetkým odkazom v backende:

nastavenia dostupnosti zvýrazňujú odkazy



Zväčšiť veľkosť písma zmení základnú veľkosť písma na 18px (štandardná veľkosť písma v prehliadačoch je väčšinou 16px).

Pre používateľov: Doplnok Skip-to-navigation

Tento doplnok je predvolene povolený pre backend, ale môže byť povolený aj pre frontend.

preskočiť na navigáciu

 

Pomáha používateľom klávesnice preskočiť priamo do oblasti lokality. 

a11y navigačný backend

a11y navigačný otvorený backend

Pre používateľov: Doplnok na zjednodušenie ovládania

Nastavenia dostupnosti sú užitočné na prispôsobenie backendu pre každého jednotlivého používateľa backendu. Je však tiež možné ponúknuť funkcie prístupnosti pre návštevníkov vašej stránky. Doplnok „Ďalšie funkcie dostupnosti“ je možné aktivovať pre backend, frontend alebo oboje: 

funkcie dostupnosti

možnosti funkcií dostupnosti

 

Plugin pridáva tlačidlo v spodnej časti stránky. Na otvorenie / zatvorenie funkcií môžete použiť klávesovú skratku CTRL+ALT+A na Windows alebo CTRL+OPTION+A na MacOS.

tlačidlo funkcií dostupnosti

 

Pomocou doplnku môže používateľ zväčšiť alebo zmenšiť veľkosť písma a zväčšiť alebo zmenšiť medzery medzi textom, aby sa zlepšila čitateľnosť obsahu.

Používateľ môže tiež invertovať farby stránky, podčiarknuť všetky odkazy, zväčšiť kurzor, aktivovať sprievodcu čítaním a tiež previesť text na reč.

otvorené funkcie dostupnosti
Snímka obrazovky Firefox

 

Existuje funkcia na zmenu odtieňov sivej stránky, ktorú je možné použiť v Edge alebo Chrome, ale vo Firefoxe je deaktivovaná.

funkcie dostupnosti open edge
Snímka obrazovky Edge

 

Pre niektoré funkcie existujú špeciálne klávesové skratky:

Modul alebo Funkcia

klávesová skratka

Prepnúť ponuku

CTRL + ALT + A

Sivé odtiene

CTRL + ALT + G

Podčiarknuť odkazy

CTRL + ALT + U

Veľký kurzor

CTRL + ALT + C

Sprievodca čítaním

CTRL + ALT + R

Prevod textu na reč

CTRL + ALT + T

Reč na text

CTRL + ALT + S




Sprievodca čítaním funkcií dostupnostiSnímka obrazovky demo stránky Cassiopeia s aktivovaným sprievodcom čítania

 

Doplnok Additional Accessibility Features (Doplnkové funkcie prístupnosti) nerieši žiadny problém s prístupnosťou, ktorý môže mať vaša stránka. Webová stránka musí byť od začiatku správne zostavená, aby bola prístupná.

Ľudia so zdravotným postihnutím používajú špecializované nástroje (čítačky obrazovky, zväčšovače obrazovky, Braillovo písmo atď.) a pravdepodobne nebudú plugin používať, ale môže zlepšiť použiteľnosť pre starších ľudí, ľudí so zrakovým postihnutím, ľudí s kognitívnymi problémami ms. Napríklad nevidiaci bude používať čítačku obrazovky a nie možnosť zmeniť text na reč, ale je to veľmi dobré riešenie pre starších ľudí, ktorí majú problémy s čítaním, pre starších ľudí, ktorí majú problémy so sústredením.

Zväčšenie textu je veľmi užitočné pre mnohých seniorov a ľudí, ktorí horšie vidia, často nevedia o možnostiach prehliadača a radi takéto nástroje využívajú.

Kontrastná verzia nenahradí správne kontrasty na stránke, ale môže byť užitočná pre ľudí so slabším zrakom alebo pre ľudí, ktorí si stránku prezerajú napríklad na slnečnom mieste.

WCAG nevyžaduje, aby boli odkazy podčiarknuté (musia byť zvýraznené), ale podčiarknuté odkazy môžu zlepšiť prístupnosť pre ľudí so zrakovým postihnutím alebo pre ľudí, ktorí majú problémy so sústredením.

Pre používateľov: Jazyk častí v TinyMCE

Čo je to?

Značka, ktorá označuje časť textu ako „iný jazyk“. Je užitočná pre vyhľadávače alebo čítačky obrazovky, aby vedeli, že musia zmeniť svoj jazyk alebo výslovnosť. Predstavte si, že čítačka obrazovky používa anglickú výslovnosť pre frázu ako „honni soit qui mal y pense“ – znie to nepríjemne!

Ako nakonfigurovať?

V doplnku TinyMCE môžete definovať jazyky, ktoré používate vo svojich textoch. 

jazyk častí

 

Ak to chcete editorom uľahčiť, potiahnite ikonu jazyka na ikony povolené pre svojich editorov. V opačnom prípade si musia vybrať jazyk pomocou tlačidla formátovania a posunúť sa tam dole.

jazyk nastavení editora dielov

Ako ho použiť v editore?

Napíšte svoj článok a uložte ho. Potom označte časti, ktoré sú v inom jazyku, kliknite na ikonu sveta alebo na rozbaľovaciu ponuku formátu a vyberte jazyk tejto časti.

jazyk editora častí

 

Teraz je táto časť textu označená ako nemčina. Čítačka obrazovky podľa toho zmení výslovnosť a vyhľadávače budú rozumieť aj vášmu textu.

Pre autorov a redaktorov: Kontrola prístupnosti - jooa11y 

Pamätajte si tento článok Briana Teemana, ktorý oznamuje nové a vzrušujúce vylepšenie systému Joomla: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

Teraz to máme na palube! 

Tento doplnok pomáha poskytovať prístupný obsah na vašej webovej lokalite.

Kde ho nájdete?

Je to systémový plugin, jeho názov je jooa11y Tento plugin máte s Joomla verzia 4.1.0, je štandardne povolený. 

doplnok na kontrolu dostupnosti

 

V plugine môžete definovať, ktorá oblasť vášho webu je kontrolovaná (predvolená je hlavná oblasť) a môžete zahrnúť alebo vylúčiť niektoré pravidlá. Na začiatok jednoducho ponechajte preddefinované nastavenia.

Kto z toho profituje?

Návštevníci vašej stránky, pretože získajú bezbariérový obsah.

Autori obsahu na vašej stránke, pretože dokážu produkovať bezbariérový obsah.

Agentúry a web developeri - majú produkt, ktorý umožňuje poskytovanie bezbariérového obsahu

Ako sa to používa?

Napíšte ľubovoľný článok a uložte alebo otvorte akýkoľvek existujúci článok. 

Aktivujte tlačidlo „Kontrola prístupnosti“ na paneli s nástrojmi a kontrola prístupnosti ihneď v náhľadovom okne označí, či došlo k porušeniu známych pravidiel. 

Upozornenie: Rovnako ako kontrola pravopisu alebo gramatiky, aj toto je nástroj, ktorý vykonáva automatickú kontrolu. Nedokáže nájsť porušenia pravidiel, ktoré nie sú špecifikované v programe a dokáže označiť porušenia, ktoré sú zamýšľané a sú správne v kontexte article. Vždy je to na vás.

Ako to funguje?

Určite si pamätáte známe pravidlo „Kontrast farby textu a farby pozadia musí mať kontrastný pomer > 4,5“?

Plugin kontroluje toto pravidlo a mnohé ďalšie po jednom a každé porušenie pravidla vyvolá chybu a bude označené ikonou v náhľade.

Môžete definovať, ktorá oblasť vášho webu je kontrolovaná (v parametroch pluginu je predvolená hlavná oblasť) a môžete zahrnúť alebo vylúčiť niektoré pravidlá. 

Zatiaľ čo niektoré pravidlá sú dobre definované a sú určite chybami, iné pravidlá sú porušením osvedčených postupov. Sú to varovania a sami sa môžete rozhodnúť, či je to v poriadku a určené vo vašom kontexte, alebo či to potrebujete opraviť. 

Za každou ikonou nájdete popis – a niekedy aj rady, ako problém vyriešiť alebo aký je najlepší postup.

kontrola dostupnosti v akcii

 

Ikona kontroly vpravo dole poskytuje prvé informácie. Zobrazuje počet problémov, ak sa našli problémy. Kliknutím na tlačidlo sa prepínajú podrobné informácie v texte.

Poďme si prejsť krok za krokom: 

Kontrolór sa našiel

  • Chyby kontrastu na dvoch miestach - to sú chyby.
  • Odkaz, ktorý má target=_blank. Môže to byť správne a zamýšľané, ale vo všeobecnosti to nie je dobrý postup, a preto sa zobrazí varovanie. 
  • Obrázok bez alternatívneho textu – toto je chyba. 

Poznámky

Všetky nastavenia a zásuvné moduly, ktoré sú tu uvedené, neriešia žiadny problém s prístupnosťou na vašej stránke. Na sprístupnenie webovej stránky potrebujete správnu sémantickú štruktúru HTML a dobré CSS. Jadro Joomla vám pomôže s prístupnými štruktúrami v rôznych zobrazeniach, ako sú správne štítky a vstupné polia vo formulároch. 

Ak používate šablónu tretej strany, mali by ste si byť vedomí prepisov, ktoré menia pôvodnú štruktúru zobrazení. Pekná šablóna môže narušiť dostupnosť stránky, ak farebný kontrast nie je dobrý alebo ak prvky nie sú dostupné pomocou klávesnice. Dostupnosť má Mnoho faziet a doplnkov sú len pomôckou pre návštevníkov, ktorí používajú vašu webovú stránku iným spôsobom ako vy.

Miesto na zlepšenie

Na Joomle sa stále „pracuje“ a doplnky, o ktorých sa tu hovorí, sa stále vyvíjajú. Do nasledujúceho leta kódu Google sme zahrnuli projekt na zjednodušenie ovládania, ktorý by mal vylepšiť doplnok na zjednodušenie ovládania. Zostaňte naladení a myslite si, že sú dostupné!

Ďakujem

Tento článok vznikol v koprodukcii s Christiane Maier-Stadtherr . Ďalšie články od Christiane nájdete na tomto odkaze .

Ďakujeme Štefanovi Wajdovi za užitočné komentáre.

Som počítačový vedec a vždy som mal záujem o užívateľsky prívetivý Guis. Joomla som našiel v roku 2008 a stratil som sa. používanie vlasov som nechal propram v Joomle. Takže si teraz užívam ovládanie na tejto skvelej cms. 

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

 

Upozorňujeme, že táto webová stránka používa systém automatického prekladu, ktorý pomáha pri preklade do rôznych jazykov. Ospravedlňujeme sa za akúkoľvek chybu alebo preklep, ktorý sa môže vyskytnúť v rôznych textoch.