Archiv štítku: Frontendisti.cz

Web Accessibility in React at FrontKon#26: Practical Workshop by Manuel Matuzović and Ticket Giveaway

According to the annual WebAIM Million analysis, homepages built with popular JavaScript frameworks such as React consistently exhibit a higher average number of detectable accessibility failures than standard web pages. Dynamic state management, complex DOM manipulations, and replacing native HTML elements with custom components frequently lead to broken focus handling, faulty keyboard navigation, and missing screen reader semantics—unless accessibility is handled directly in the source code.

I am very glad that digital accessibility continues to have a firm place in the FrontKon conference program. Connecting core accessibility principles directly with React component architecture represents the exact practical, code-level approach frontend engineers need.

As part of the FrontKon 2026 program, web accessibility specialist and frontend developer Manuel Matuzović will lead a half-day, in-person workshop titled „Accessibility in React: From Theory to Functional Code“ on Monday, 5 October 2026 in Prague.

The workshop addresses real-world frontend engineering practices: implementing semantic HTML and proper ARIA states within dynamic components, reliable focus management, keyboard interaction patterns, and modern testing workflows (including the practical use of developer tools and LLMs).

Manuel Matuzović will also deliver a conference talk „19½ Things You Didn’t Know About Accessibility in HTML and CSS“ during the main program on Tuesday, 6 October 2026 at O2 universum.

Ticket Giveaway: 1 Free Workshop Pass

In collaboration with the FrontKon organizers, I am hosting a quick competition for one free ticket to this half-day workshop.

Competition question

Which native HTML element is most frequently and improperly replaced in client-side component code by a generic <div> or <span> with an onClick handler?

Rules

  • Send your answer by e-mail to radek.pavlicek@gmail.com with the subject FrontKon#26 Contest.
  • The deadline for submissions is Friday, 2 October 2026 at 12:00 PM (CEST).
  • One winner will be randomly drawn from all correct entries and notified immediately.

Workshop Details & Links

Special thanks to the Frontendisti.cz team for systematically incorporating accessibility into mainstream developer events. 🙏

Workshop Registration

Manuel Matuzović / 19½ Things You Didn’t Know about Accessibility in HTML and CSS #id24 2026 (YouTube)

Kam příští týden za přístupností a inkluzivním designem

Týden od 6. prosince 2021 lze bez nadsázky nazvat týden přístupnosti – akcí, které se této tématice věnují, proběhne v tomto týdnu totiž hned několik.

Kam se tedy můžete vydat?

UX Monday: Pro všechny (Online only) – 6. 12. od 18.30

Tématem UX Monday je inkluzivní design a nevytváření bariér, které mohou lidem bránit v zapojení do společenského života, ve vzdělávání či naplňování osobních vizí. Účastníky panelové diskuse budou Mariana Chytilová, Petr Kozlík (Česká televize), Veronika Bedáňová (Rohlik.cz) a Jana Tikalová (Opim.cz). Povídat si s nimi bude Tereza Kosnarová (UXworkshopy.cz), která se aktuálně věnuje mapování situace v této oblasti v rámci CZ a SK designových týmů.

UX Monday: Pro všechny proběhne v pondělí 6. prosince od 18:30 na platformě Zoom.

Účast je zdarma, bližší informace a registrace viz www.meetup.com/asociace-ux/events/282244163/

Simultánní přepis mluveného slova do textu zajišťuje Středisko Teiresiás Masarykovy univerzity, partner prosincového UX Monday.

Uplatňování směrnice EU na nativní mobilní aplikace (IAAP EU webinář) – 7. 12. od 14.00

V úterý 7. prosince od 14.00 do 15.00 proběhne na platformě Zoom webinář, zaměřený na uplatňování směrnice EU na nativní mobilní aplikace. Přednášejícím je Jon Gibbins, který vysvětlí, jak tyto standardy přístupnosti uplatňuje ve vztahu k nativním mobilním aplikacím on.

Účast je zdarma, jednacím jazykem je angličtina, simultánní tlumočení do češtiny zajišťuje Středisko Teiresiás Masarykovy univerzity.

Více informací a registrace viz Uplatňování směrnice EU na nativní mobilní aplikace (IAAP EU webinář).

Jak začlenit přístupnost webu do ICT kurzů na vysokých školách (IAAP Nordic webinář) – 8. 12. od 13.00

Stále více univerzit si začíná uvědomovat význam výuky přístupnosti webu jako součásti studijních programů, zaměřených na informační a komunikační technologie. S novou a připravovanou evropskou legislativou i s rostoucím obecným povědomím o důležitosti přístupných webových stránek budou nově vystudovaní odborníci na ICT se znalostmi v oblasti přístupnosti webu velmi žádaní v soukromém i veřejném sektoru.

Na tomto webináři se s námi přednášející podělí o zkušenosti, jak přístupnost webu začlenit do výuky ICT; budou také představeny některé konkrétní nástroje, které lze využít jako výukový materiál v nových kurzech. Webinář je velmi vhodný pro učitele, kteří hledají inspiraci, i pro všechny, kdo se zajímají o začlenění tématiky přístupnosti webu do výuky ICT.

Webinář proběhne ve středu 8. prosince 2021 od 13:00 do 15:00, jednacím jazykem je angličtina, účast je zdarma.

Další informace a registrace viz Jak začlenit přístupnost webu do ICT kurzů na vysokých školách (IAAP Nordic webinář).

Vánoční sraz Frontendisti.cz – 8. 12. od 18.00

Vánoční sraz Frontendistů nabídne tři příspěvky

  1. „Co vše má kromě kódu vliv na přístupnost?“ (Roman Kabelka, MasterDC)
  2. WAI-ARIA, vyšší dívčí přístupnosti (Lukáš Pazderka, Seznam.cz, a.s.)
  3. Cookie popupy po 1. 1. 2022 a jak na to (Martin Kolář, martinkolar.eu)

a diskusi o přístupnosti, ve které si budete moci popovídat i se mnou (děkuji, Martine, za pozvání 🙂

Účast je zdarma, bližší informace a registrace na www.meetup.com/frontendisti/events/mbjhpsyccqblb/

Já se chystám na všechny výše zmíněné akce – potkáme se na některé z nich? 🙂

Pozvánka na první českou frontendovou konferenci

První česká frontendová konference spolku Frontendisti.cz proběhne v sobotu 29. května od 10:00 do 16:30 online na platformě Hopin.

Na koho se můžete těšit? Program konference už je zveřejněn na webu.

Záznam je v ceně a přednostně jej dostanou majitelé vstupenek. Ale organizátoři pracují na tom, aby nás to s nimi v sobotu na místě bavilo:

  • po každé přednášce se otevře moderovaná diskuze s řečníkem, které se můžete zúčastnit.
  • Pro zájemce bude probíhat networking a program na partnerských stáncích.
  • Organizátoři chystáme i kulturní překvapení a zážitek se snaží přiblížit běžné konferenci.

Buďte u toho 🙂

Přístupnost: mnohdy stačí málo

A co by to bylo za konferenci, kdyby na ní chyběla tématika přístupnosti? 🙂 Děkuji organizátorům za příležitost přispět příspěvkem Přístupnost: mnohdy stačí málo i já.

O čem můj příspěvek bude?

Co si pomyslíte o prodejci, který vám sice umožní dát do košíku zboží za tisíce korun, ale nakonec si je nekoupíte, protože souhlas s obchodními podmínkami nelze potvrdit z klávesnice? Nebo o provozovateli služby pro předávání velkého objemu dat, kterou ale nemůžete použít, protože na to nejdůležitější tlačítko – Vybrat soubor – se nemůžete dostat? Asi nic pěkného, nemám pravdu? 🙂

Nedostupné a z klávesnice neovladatelné tlačítko, chybějící alternativní textový popisek či absence definice hlavní oblasti stránky v kódu. To jsou jen některé z typických drobností, které mohou uživatelům zkomplikovat práci s jinak dobře vytvořenou webovou stránkou a znemožnit jim na ní udělat to, proč na ni přišli (získat informace, koupit zboží či si objednat nějakou službu).

Na přístupnost lze nahlížet z mnoha úhlů pohledu – a já bych Vám v tomto stručném příspěvku rád představil ten, kdy drobnou úpravou kódu můžete bariéru v přístupu k informacím snadno odstranit.

To všechno zní skvěle – jak se mohu zúčastnit?

Vstupenky a více informací najdete na webu frontendisti.cz/konference. Organizátoři nabízí skupinové balíčky vstupenek pro firmy a mají nabídku i pro ty, kteří se chtějí stát podporovateli komunity Frontendisti.cz.

Další informace