Evropský akt přístupnosti 2025: Co čeká weby a e-shopy?

Mezi konkrétní příklady patří:

• Alternativní texty u fotografií (alt) na e-shopech (např. „Modré tričko s potiskem loga vepředu“ místo obecného „Obrázek produktu“).
• Jasně označené a strukturované formuláře na e-shopech a webech, např. „Jméno a příjmení“, „Adresa pro doručení“. (navíc popisy polí by měly být viditelné i v případě vyplňování daného pole)
• Možnost vyplnit formuláře pouze pomoci klávesnice.
• Přístupnost jednotlivých funkčních prvků přes klávesnici.
• Focus pro aktivní prvek při ovládání klávesou tab (daný prvek je zvýrazněn, třeba rámečkem)
• Přehledná navigace s možností přeskočení opakujících se prvků (např. „Přeskočit na obsah“).
• Textové přepisy nebo titulky k produktovým videím a návodům.
• Dostatečný kontrast nejen pro tlačítka výzev k akci (např. „Přidat do košíku“) ale také obecně pro text na webu. Pro kontrolu můžete využít např. online nástroj https://color.review/ nebo plugin rovnou do Figmy.
• Použití logicky strukturovaných nadpisů na prezentačních webech (např. H1 pro hlavní nadpisy, H2 a H3 pro podsekce a popisy služeb). Pro kontrolu můžete využít profesionální nástroje, např. Screaming Frog, nebo různé jednoduché online nástroje např. https://www.seotestonline.cz/

Jak se připravit na požadavky směrnice EAA?

Firmy by měly připravit své webové stránky a e-shopy na tyto požadavky co nejdříve, aby stihly provést potřebné testy a optimalizace. Nesplnění pravidel může vést k pokutám až do výše 10 milionů korun v Česku nebo 400 000 EUR v rámci EU.

Směrnice poskytuje výjimku pro mikropodniky (do 10 zaměstnanců a obrat pod 2 mil. EUR), ale přesto doporučuje dobrovolné přizpůsobení, které může zvýšit návštěvnost webu a jeho optimalizaci pro vyhledávače (SEO).

Důležité je také dodržování standardů WCAG (Web Content Accessibility Guidelines), zejména úrovně AA, které stanovují konkrétní kritéria pro přístupnost, například správné označení formulářů, zajištění jasné navigace, alternativní texty obrázků a videí či dostatečný kontrast prvků.

Ačkoli může být implementace EAA finančně a časově náročná, přináší významné výhody, jako je lepší uživatelská zkušenost, zvýšení konverzí a pozitivní image firmy. Podniky, které tyto požadavky splní včas, získají konkurenční výhodu a širší zákaznickou základnu.

„Signály v JavaScriptu“
Riki Fridrich využil jednoduchý příklad a ukázal nám rozdíly mezi tradičním přístupem a signály, které přinášejí efektivní řešení pro práci s reaktivními daty. Zmínil také Svelte, kde jsou signály už částečně implementovány, a ukázal jejich výhody v porovnání s ostatními přístupy. Přednáška nám poskytla jasný přehled o tom, jak signály mohou změnit budoucnost vývoje reaktivních aplikací.

„Mýty a blbosti o webové rychlosti“
Martin Michálek se pustil do boření mýtů o optimalizaci webů a nabídl osvědčené postupy pro zlepšení rychlosti.

„Základní pravidla práce s lidmi“
Irena Zatloukalová se věnovala tipům na efektivní komunikaci v pracovním prostředí. Představila praktické rady, jak lépe zvládat obtížné situace a vyvarovat se zbytečných nedorozumění. Mluvila o tom, jak důležité je aktivní naslouchání a přizpůsobení komunikačního stylu různým typům lidí, aby byla spolupráce co nejplynulejší. Ukázala také, jak několik jednoduchých pravidel může výrazně zlepšit pracovní atmosféru a výsledky.

„Technické dovednosti otevírají dveře, soft skills je drží otevřené“
Marek Veleš zdůraznil, že technické dovednosti nám mohou zajistit pracovní příležitosti, ale právě soft skills, jako je komunikace, adaptabilita a týmová spolupráce, jsou klíčem k dlouhodobému úspěchu. Hovořil o tom, jak důležité je rozvíjet dovednosti, které pomáhají nejen s efektivním řešením problémů, ale také s budováním pozitivních pracovních vztahů. Přednáška byla plná konkrétních příkladů, jak tyto dovednosti uplatnit v každodenní práci vývojářů.

Celkově byl Frontkon 2024 plný inspirativních přednášek a už teď se těšíme na příští ročník, kdy se opět setkáme s kolegy z oboru!

Jednoduchý návod pro správu obsahu webových stránek
postavených na WordPressu

Tento článek je určen primárně pro naše klienty jako návod pro použití administrace webových stránek a pro začátečníky s WordPressem.

Uložení bloku pro další využití

Jednou z užitečných funkcí je schopnost ukládání vytvořených bloků, které pak lze použít na jiných stránkách nebo v příspěvcích. Pro uložení bloku klikněte v jeho základním menu na ikonu tří teček a vyberte možnost „Vytvořit vzor“. Poté blok pojmenujte. Pro lepší organizaci je možné bloky třídit do kategorií. Po dokončení pojmenování klikněte na tlačítko „Vytvořit“. Blok se tímto uloží a při přidávání nového bloku si jej můžete vybrat v záložce „Vzory“ po kliknutí na ikonu „+“ v horním panelu nebo jej můžete vyhledat pomocí zkratky „/“ a zadání názvu bloku. Takto uložený blok lze použít kdekoliv na webu.

Publikování obsahu

Jakmile máte stránku připravenou, můžete ji buď uložit pro pozdější úpravy (jako koncept, stránka nebude veřejně viditelná), nebo ji můžete rovnou zveřejnit. To provedete tlačítkem „Publikovat“ nebo „Uložit koncept“.

U příspěvků můžete dále v pravém sloupci nastavit kategorie, rubriky a náhledové fotografie, například v případě blogu. V případě individuálních typových příspěvků zde najdete i další možné nastavení.

Mezi klíčové novinky ve WordPressu 6.5 patří

• Přidávání a správa webfontů: Snadné přidávání a úprava fontů přímo z editoru stránek.

• Rozsáhlejší revize: Komplexní správa revizí šablon a knih stylů.

• Vylepšené nástroje pro pozadí a stíny: Možnost nastavení opakování a ohniska pro obrázky na pozadí, úprava poměrů stran u obrázkových bloků a přidání barevných překryvů.

• Nový způsob zobrazování dat: Efektivnější filtrování a vyhledávání dat v knihovně.

• Plynulejší přetahování bloků: Rychlejší a plynulejší manipulace s bloky v editoru Gutenberg.

• Lepší manipulace s odkazy: Vylepšené možnosti manipulace s odkazy pro uživatelsky přívětivější prostředí.

• Zvýšená rychlost Gutenbergu: Více než dvojnásobně rychlejší načítání a až pětkrát rychlejší zpracování vstupu.