 Dobrý den, já bych vám ve své prezentaci něco pověděl o přístupnosti a WordPressu. Co se týče přístupnosti, tak na začátej taková motivační poznámka. V dnešní době učitě znáte to, že některé obchody jsou zavřené, v prostě v toho fyzickém světě přístupné nejsou, ale online to je možné. To já jsem v pozice zrakové postiženého pocítil už drív, protože sám si těžko nakoupím na příklad Supermarketu, ale v online světě můžu. Sice v některém obchodu to jde lépe, v některém vůře, ale důležité je, že to jde. Takže nabízejte skutečně svůj obsah, své služby užívatelům tak, aby si mohli vybrat, nenabížet jenom jedným způsob, jak se k vám dostat. Inák, já se ménuji tedy Roman Kabelka, jsem konsultant a tested přístupnosti, měnuje se tomu už víc než deset let. Přístupnosti se zavívám nejen z pohledu uživatele, protože jsem zrakové postižený, ale i z pohledu vývojáře webových aplikací. Co se týče redakčných systémů nebo WordPressu, dělal jsem se diplomovou práci na témapřístupných redakčních systémů, správují weby na WordPressu, vivíel jsem i některé sofistikované plug-iny pro WordPress, ale za odborníka se příliš nepovažují. Co se týče samotné definice přístupnosti, tak nejde to udělat tak, že by jsme chtěli spřístupnit web všem uživatelům. Vys můžete nadržet všechny do poručení a pravidla, ale to jenom jedna polovina úspěchu, druhá polovina závisí na uživately, na jeho schopnostech, na jeho technickém vybavení a dalších okolnostech. Takže učitě má smysle se o to snažit, ale nemůžeme čekat, že bude všechno bezproblemové. Takže spíš, děláme to, že děláme maksimum a neklademe uživately spítečné baríery přitom, aby od nás získal informace nebo si od nás získal tu službu a tak dále. Když už ten web máme přístupnit, tak ten se pozná, takže respektuje maksimum uživatelů, které se na něho můžou dostat a ten uživatel to pozná, učitě. Potom takový web nekladé zbytečné baríery, uživately nestržují ho, nedojde k situaci, že by si z něčím neporadil. Takový přístupný web se lépe používá i běžným uživatelům, protože přístupnostou ví si i s dalšími obory, jako je například informační architektura, jako je optimalizace pro vyhledávače a podobně. Takový web se konec koncu i lépe udržuje a aktualizuje, protože se skládá nejspíše z nějakých komponent, má dané jasná pravidla, co kde má vít a je to na všech stránkrách, napříč celým webem stejné. Kdo tedy ocení přístupnost, tak je to zajímé na skupina uživatelů, které mají nějaké postižení, jak už tělesné, zrakové nebo sluhové, když si ocení různé alternatevy, to znamená k obrázkům textové popisky nebo příliž dlouhé texty naopak. Učitě ocení i ovládání sklávesnice, které je velmi důležité, protože se dá i simulovat například ovládáním hlasem. Máme tady skupinu uživatru, které mají nějaké problémy s učením nebo jsou to seniorži, kteří se už složitě přispůsobí, novým technologím a pro ně musíme mít snadná, rychleá řešení toho, co jim chceme poskytnout a s rozumitelné informace. Ne, příliž složité rozsáhlé prostě stručné. Potom třetí skupinu jsou uživatelé, které mají nějaké technické omezení. To znamená, třeba mají nějaké starší zařízení, ale už nejaké výkoné a nebo mají naopák problém s tím, že mají nějakou dočasnou indyspozici například z lomenou ruku a nemůžou používat miš. Když si promítneme tyto všechny tři skupiny, tak se dostaneme na nějakých 20-30% uživatelů, o které je dobré se starát. Z toho uživatele, kteří používají nějaké assistivní technologie, jako je například ovládání hlasem nebo odečítače obrazovky z většovače obrazovky, tak to jsou procenta uživatelů. Co by vás tedy mělo motivovat přístupnosti? Tak učitě uživatele, protože pro ně ten obsah píšete, jim poskytujete své služby. Samozřejmě jistou motivacím může být i zisk, protože když získáte dalších pár procent uživatelů na víc, tak samozřejmě by se to mělo promítnout i v tržbách za služby, které poskytujete. Potom vneštní době je celkem populární, společencká zopovědnost, to znamená dělat něco pro přístupnost, dělat svoj s web přístupný a dát o tom vědět. Ocení to všichni uživatele a budete pozitivně vnímání. A potom samozřejmě se to týká nějaké optimalizace ať už výkonu nebo pro vyhledávače je takový bon-mot, že nejpostiženýším uživatel je vyhledávací robot, což je trošku nepřesné přirobnání, ale určitě to platí, že co uděláte pro optimalizaci výkonu a obsahu, tak to má pozitivní vliv i na přístupnost. Potom je takový negativní motivace, kdy vám například hrozí nějaký postích, za to, že nedodržujete standardy přístupnosti. V našich končinách to není zaseštolik běžné, ale v zahraničí, například v spojních státech se stává, že student například zažaluje školu za to, že nemůže používat její informační systém. Co se týče těch standardů a zákonů, nejdulyžitější asi celosvětově uznávaná metodika Web Content Accessibility Guidelines, která obsahuje pravidla pro tvormu přístupného webu. Týto pravidla na úrovní Evropské unie adoptuje směrnice Evropská, která se týka vlastně webu a mobilních aplikací veřejného sektoru. A konkrétně tuto Evropskou směrnici do naší české praxe uvádí zákon 99.2019 a týká se státních institucií, samozprávy a příspěvkových organizací státu ty všechny by měli mít web v souladu z pravidli přístupnosti. Co se týče WordPressu, tak přístupnost se týka WordPressu. Žejmé na tedy Shablon, které vykreslují samotný web, to znamená mít přístupnou Shablonu. Potom se to týka vytvážení přístupného obsahu, kterým ten web plníme. Potom se to týka správování webu přístupnou formu, to znamená administrace, která se skláda z jádra WordPressu a z plug-inu, pomocí kterých ten web vlastně rozpohybujeme. A týká se to i vývojářu, kteří dvoří budou Shablony nebo plug-iny, aby dodržovali standardy, které vlastně proto existují. Vlastně existuje koldovací standard WordPressu, který se hlásí k doporčení pro redakční systémi konsortcia V3C. Takže řízení se tímto standardy je velice vhodné. Co se týče přístupnosti Shablon a plug-inu, tak tím, že se bráj budou dodržovat ty standardy, tak zajistíte, že minimálně ta administrace bude přístupná a ten plug-in nebo ta Shablona bude kompatibilní s tím WordPressem tak, jak má být. Co se týče potom Shablon, tak pokud tu Shablonu tvoříte, tak byste měli dodržovat právě metodiku VCAG a nebo pokud si Shablon vybíráte, tak se řídit štítkem accessibility ready, který označuje Shablony, které prošli testování přístupnosti. Potom existují plug-iny, které nějakým způsobem se snaží vylepšovat přístupnost webu, ale je to spíše na úrovni různých banevných schémat, nežiže by vám ten plug-in řekl, že jste špatně vytvořili nadpis nebo nepopsali nějaký obrázek, protože vám to může říct i illustrativní grafiky, která není bůležitá přitom. Taky vám to nezaízí to, že použijete plug-in, který například generuje formulář neprístupný, tak plug-in přístupností vás na toto také nevupozorní. Co se týče přístupnosti samého obsahu, tak jenom stručně určitě popisky u grafických prvků jsou důležité, může být důležité, ale zároveň i dost nákladné titulkování multimediálního obsahu nebo navízení audio popisu, tam ale platí, že pokud je to video jenom doplně k nějakému článku, tak není nutné to tolik řešit. Co se týče barev, nemusí ten web být černobílý je jenom potřeba dodržovat ty správné kontrastní poměry. Co se týče struktury obsahu, tak skutečně nad tým obsahem přemýšlet ve smyslu té struktory, to znamená nadpis zdělat tak, aby to byl skutečně nadpis, a aby to nebyl jenom nějaký zvěčený text. Potom dé taky o výstížné texty odkazu, aby bylo jasné, kam ten odkaz vede. Potom samozřejmě to důležité stručné výadřování se v tom obsahu o tom jsme už jenu věli. No a nakonec taková věc, že tabulky používáme neproformatování, ale opravdu jen pro data. Co se týče administrace, tak administrace WordPressu je přístupná na bízí veškeré které pro přístupnost jsou důležité. To znamená je do přestruktorovaná dá se obládat skvávesnice což si můžete vyskoušet. A zajména některé obrazovky do přepnout do přístupnějšího režimu, kdy to si cenní tolik interaktivní, například umistěvání výčetu, ale tento alternativní režim je do přeprávy obladatelní skvávesnice. Teďka uvidíte video, které ukazuje, která přístupnou formou psát příspěvek. Na začátek bych předeslal, že používám operační system Mac OS a v něm mám aktivovaný odečítač obrazovky VoiceOver. Všeovládám výhradně skvávesnice a používám klávesové skratky webového prohlíže, odečítače obrazovky a právě WordPressu. Přičím se nyní, že se nacházím v editačním poličku pro psaní názvu příspěvku. Wordcam v 2021. Zadejte název upravitelný text má zaměření skvávesnice kursor na začátku textu. Dobrá, tabulátorem se přesunu do seznamu bloku, z kterých se skládá příspěvek. Odstavec blok, řádek první na wordcam puse můžete těšit na následující příspěvky. Tlačítko. A ten první blok, že prohlédnout, takže stisnul Enter. Blok odstavce skupina upravitelné. Momentálně se nacházíte v režimu uprav. Chcete vy se vrátit do režimu navigace, stiskněte klávesu Escape. Nyní se můžu například klávesovými skradkami a třipka do leva doprava pojívat po slovech. Na odkaz. Wordcam puse můžete můžete se odkaz wordcam puse. Můžeme si všímnout, že mě to přečte i vyznačený odkaz. Nyní ale chci pokračovat vkládání dalšího obsahu do příspěvku, to znamená přidám si nový blok. Prázdný blok, začnete psát nebo zadejte lomítko pro zvolení bloku skupina upravitelné. A má to být natpis, takže nejdřív lomeno. Lomít natpis, text, hlavní část. A vyberu si šipkami natpis, text. Že chci vložit natpis, podvidím entrem. Blok natpis, skupina upravitelné. Prázdný blok, začnete psát nebo zadejte lomítko pro zvolení bloku skupina upravitelné. A do toho to odstavce chci vložit text, který mám ve schránce, tak ho jenom vyklopím. Vložit. Problematiku přístupnosti a možnosti. A ukončím editaci. Odstavec blok, řádek třetí zajímá vás, jak si poradí stati. Šipkami natpis blok, řádek můj odstavec blok. Zdělávat v seznamu bloku natpis blok, řádek druhý ú. A před tento natpis chci vložit ještě obrázek. natpis blok, řád prázdný blok začnete psát nebo zadejte lomítko pro zvolení bloku skupina upravitelné. Lomít natpis, tak lomeno obrázek text. Šipkami vyberu obrázek, podvidím entrem. editor obsahu, oblast blok obrázek, skupina. Tabulátorem si dojedu na tlačítko. knihovna medi, potvrdím mezerníkem. Vyberte nebo nahratí mediální soubor webový dialog. A dál poklatčuj tabulátorem seznamu fotek. knihovna datum, hledat text tovproman portrait, nezaškatnuto zaškatávací polí. Protože chci použít tuto zaškatnu mezerníkem dva, podrobné informace o souboru. Zajímámě zajména alternativní text který mě bude číst potom odečítač obrazovky takže si najdu jeho políčko. odkaz, trvale smazat, Roman Kabelka obsah vybrán alternativní text upravitelný text. Ten je vyplněný, takže můžu rovnou pokračovat až k tlačítku vybrat. odkaz, Roman titulek, popis u hdtp skopírovat odkaz dost vybrat tlačítko, potvrdím zadejte titulek upravitelný text a provedu ještě jednu upravu budu chtít obrázek zarovnat na levou stranu půjdu tedy do panelu nástroju klávesovou skradkou Altev 10 změnit typ nebo styl bloku místní nabídka zbaleno, plačítko editor obsahu posunout, posunout do lů pravá, změnit zárovnání místní nabídka najdu, tuto nabídku entremy rozbalím zarovnat do leva a netka první položku chci použít takže znovu entr zadejte titulek upravitelný text zarovit v noble jak space tím by měla být editace obrázku hotová vrátím se tedy iscaipem do seznamu bloku momentálně se nacházíte fražimu navigace, procházejte bloky pomoci tabulátoru a šipek použitím šipeky v levo a vpravo se můžete pohybovat mezi úrovně mi vnožení chcete li opustit režim navigace a upravit vybraný blok stiskněte klávesu entr potíváme se jak tedy výsledný příspěvek vypadá na hled místní nabídka zbaleno tlačítko tuto nabídku rozbalím entrem na počítač a na šitku na hru mám nejblíže pološku tlačítko nabídky náhled na nové kartě generování na vštívený odkaz entrem potvrdím otevře se mi náhled přeskočím si k hlavnímu nadpisu vodcem v 2021 uroveně nadpisu 1 na vštívený odkaz se můžete těšit na následující příspěvky Roman Kabelka, obrazek WordPress a přístupnost uroveně nadpisu 2 zajímá vás, jak si poradí statíc z nevýhodněných uživatelů s vaším webem na WordPressu narazili jste u šablony naštítek a zceci byli ty ledy a nevíte co znamená? vít takže jsme se přesvědčili že vytvářet nejen přístupný obsah ale i přístupně ho vytvářet vývojáři WordPressu museli ošetřit při vytváření administrace a toho editoru Gutenberg mnoho věcí zajmé na obládání zklávesnice to znamená, že skutečně na všechny prvky které něco dělájí se dostanu taky poslat mi fokus tam kde se čeká ode mě nějaká interakci když mám vládat obrázek že v všechny prvky mají svůj stav, roli a účel to znamená například nabídka rozbalovací pro náhledy se mě skutečně i tak ohlásí no a nakonec oznámení jsou právě dělané přístupnou formou to bylo potřeba také ošetřit to znamená, dozvím se to oznámení když jsem té stránci kdekoliv nakonec nebožívám generují i přístupný obsak znamená než půžiju nadpis tak skutečně po to ve stránce je to bitvořené elementem nadpisu Jak začíc přístupností doporučil bych asi rozcesní přístupností WordPressu kde je plno užitečných odkazů potom bych doporučil metovickou příručku pro knihovny, která se zabývá přístupností ale není na škodu že je to jen pro knihovny informací velice s rozumitelnou formou které se přístupností týkají Potom bych zmínil web.aim.org který se zabývá přístupností a kde je se z nám zdrojů ze kterého můžete čerpat Nakonec učitě tak se poradit z podborníky nechtě si svůj web otestovat a poradit si jak třeba postupovat dál není učitě vodné začínat protože je to přece jen jaká si norma pravidel přístupnosti která složeně užitečná ale pro základní orientaci není úplně vhodná a kde se dozítět o přístupnosti vodpresu tak je rozcesní kde právě se můžete dozvědět jak tvořit přístupné šablony přístupné pluginy a jak ve vodpresu tvořit i přístupný obsah nakonec můžete přeči střlánek který zhnuje vše důležité vodpresu týkám Já vám tedy děkuji za pozornost to bylo vše a kdykoliv se na mě můžete oprátiť pokud jste chtít na schledanou