EAA 2025: Praktické příklady a jejich zpracování

Tento článek přináší praktický přehled klíčových opatření, která by provozovatelé e-shopů a B2B webů měli zavést, aby splnili legislativní požadavky a zároveň poskytli lepší uživatelský zážitek. Zajímá vás více o Evropském aktu o přístupnosti? Přečtěte si tento článek.

Jak na EAA připravit e-shop?

Přehledné formuláře

• Nákupní košík a pokladna: Každé pole by mělo mít jasný popisek (label). Například „Jméno a příjmení", „Adresa pro doručení".
• Dlouhé formuláře rozdělte do logických kroků a umožněte ovládat vše klávesnicí.

Alternativní texty u produktových fotek

• Každý obrázek produktu by měl mít systémový popisek (alt atribut) typu „Modré tričko s potiskem loga vepředu".
• Upozorňujeme, že nestačí napsat „Obrázek produktu". Buďte konkrétní, aby uživatelé se zrakovým postižením měli stejnou představu o produktu.

Dostatečný kontrast pro hlavní CTA (Call to Action)

• Např. „Přidat do košíku" by mělo být viditelné i pro lidi s poruchou rozlišení barev.
• Zvolte barevnou paletu, která splňuje doporučený kontrast (např. dle WCAG 2.1 – úroveň AA).

Bezproblémová navigace

• Menu a vyhledávací pole: Ujistěte se, že je možné přeskakovat z jedné nabídky do druhé pomocí klávesy Tab.
• „Skip to main content" odkaz (Přeskočit na hlavní obsah) pomáhá uživatelům screen readeru vyhnout se opakované navigaci.

Textová verze popisu videí

• Pokud máte videa s recenzemi nebo návody k produktům, je dobré k nim připojit i textový přepis nebo titulky.

Jak na EAA připravit prezentační web (B2B)?

Strukturované informace o službách

• Používejte nadpisy (H1, H2, H3) a oddíly, aby si uživatel mohl procházet informace logicky.
• Např. sekce „Naše služby" (H2), pod tím dílčí služby (H3), každá s krátkým popisem.

Kontaktní formulář

• Pole „Jméno", „E-mail", „Zpráva" vždy jasně označte a zajistěte dostatečný kontrast mezi textem a pozadím.
• Pokud je formulář rozsáhlejší, můžete uživatelům nabídnout i možnost nahrání přílohy s dalšími informacemi.

Srozumitelný obsah

• Vyhněte se příliš odborným termínům bez vysvětlení, používejte jednoduché věty. Často čtou váš web i lidé, kteří nejsou z oboru, nebo používají překladač.
• Pokud je nezbytné použít odbornou terminologii, vždy ji vysvětlete v popisu nebo pomocí tooltipu.

Výběr kontrastních barev firemní identity

• Pokud máte korporátní identitu v určitých barvách, neznamená to, že se musíte vzdát přístupnosti. Stačí chytře kombinovat barvy a písmo tak, aby zůstaly v souladu s minimálními standardy kontrastu.

Test přístupnosti – klávesnice a screen reader

• Projděte si celý váš web pouze za pomoci klávesnice: Dokážete se prokliknout na všechny důležité stránky a zpět?
• Zapněte si screen reader (např. NVDA, VoiceOver) a projděte web. Zjistíte, jestli popisky odkazů a tlačítek dávají smysl.
• Veškeré interaktivní prvky musí fungovat pomocí klávesnice, jako např. vyskakovací nabídky, vyskakovací okna, různé widgety apod. Ovládání těchto prvků musí být návodné a srozumitelné pro čtečku s dostatečným popisem, jak vše ovládat.

Pro firmy a organizace je důležité datum 28. června 2025, do kterého je potřeba uvést produkty a služby do souladu s EAA. Týká se to jak nových webů, tak do značné míry i těch stávajících (byť existují určité přechodné lhůty, záleží na konkrétních případech).

Nejste si jistí, zda spadáte do kategorie webů, které musí zapracovat změny dle nařízení EAA? Přečtěte si náš první článek, ve kterém vám vše vysvětlujeme i s názornými příklady. Pokud stále tápete, ozvěte se nám - rádi vám poradíme.