Accessibility (a11y) in templates

Přejít na obsah v češtině

Accessibility (often abbreviated as A11y) means creating websites and apps that are usable by all people, including those with disabilities. For digital businesses, especially e-shops, accessibility is not only a matter of inclusivity and better user experience, but also a legal necessity.


Why Accessibility Matters


Benefits for E-commerce


Legal Framework & Key Standards


Shared Responsibility on the Shoptet Platform

Achieving accessibility is a joint effort:

Shoptet (Platform Owner)

Shoptet is responsible for the core structure and functionality of the e-shop platform. This includes:

Template Creators (Partners)

Template creators are responsible for:

Widget & Add-on Creators (JavaScript/CSS Injectors)

Add-ons cannot modify the core HTML but can dynamically inject JavaScript and CSS into the page. They must:

Shop Owners

Shop owners manage the content and are responsible for:

Note: Full accessibility can’t be guaranteed without collaboration among all parties.


Requirements for Templates and Add-ons

All code deployed on the platform (templates or widgets) must align with WCAG 2.1 (AA level):


Testing Accessibility

Effective testing requires a combination of automated and manual checks:

Automated Tools

Manual Testing

Device & Browser Testing


Developer Recommendations


Accessible Component Libraries


Resources


FAQ

What standard should I follow when building accessible templates or add-ons?

WCAG 2.1, level AA. For legal compliance (especially under the EAA), EN 301 549 should also be followed.

Do I always need to use ARIA roles?

Only when native HTML elements don’t provide the needed semantics. Prefer semantic HTML over ARIA when possible.

Is automated testing enough?

No. Automated tools are great for spotting basic issues, but manual testing (keyboard, screen reader) is essential.

Who is responsible for accessibility on Shoptet e-shops?

It’s a shared responsibility between Shoptet (platform), partners (templates and widgets), and shop owners (content).

What limitations do add-ons have in affecting accessibility?

Add-ons can only inject JavaScript or CSS. They cannot modify the core HTML structure, so they must ensure accessibility for any custom widget behavior or UI they introduce.

When will accessibility requirements be mandatory?

The European Accessibility Act becomes effective from June 28, 2025. Compliance is expected by then.


Přístupnost (často zkracovaná jako A11y) znamená vytváření webových stránek a aplikací, které jsou použitelné pro všechny lidi, včetně těch se zdravotním postižením. Pro digitální podniky, zejména e-shopy, není přístupnost jen otázkou inkluzivity a lepší uživatelské zkušenosti, ale také právní nutností.


Proč je přístupnost důležitá


Přínosy pro e-commerce


Právní rámec a klíčové standardy


Společná odpovědnost na platformě Shoptet

Dosažení přístupnosti je společným úsilím:

Shoptet (vlastník platformy)

Shoptet odpovídá za základní strukturu a funkčnost platformy e-shopu. To zahrnuje:

Tvůrci šablon (partneři)

Tvůrci šablon odpovídají za:

Tvůrci widgetů a doplňků (JavaScript/CSS)

Doplňky nemohou měnit jádrovou HTML strukturu, ale mohou dynamicky vkládat JavaScript a CSS. Musí:

Majitelé obchodů

Majitelé obchodů spravují obsah a jsou odpovědní za:

Poznámka: Plné zajištění přístupnosti je možné pouze spoluprací všech stran.


Požadavky na šablony a doplňky

Veškerý kód nasazený na platformě (šablony nebo widgety) musí být v souladu s WCAG 2.1 (úroveň AA):


Testování přístupnosti

Efektivní testování vyžaduje kombinaci automatizovaných a manuálních kontrol:

Automatizované nástroje

Manuální testování

Testování na zařízeních a prohlížečích


Doporučení pro vývojáře


Knihovny přístupných komponent


Zdroje


FAQ

Jaký standard mám dodržovat při tvorbě přístupných šablon nebo doplňků?

WCAG 2.1, úroveň AA. Pro právní soulad (zejména dle EAA) by se měl dodržovat i EN 301 549.

Musím vždy používat ARIA role?

Pouze pokud nativní HTML prvek neposkytuje potřebnou sémantiku. Vždy upřednostněte sémantické HTML před ARIA.

Stačí automatizované testování?

Ne. Automatické nástroje pomohou odhalit základní problémy, ale manuální testování (klávesnice, čtečka obrazovky) je nezbytné.

Kdo odpovídá za přístupnost v e-shopech Shoptet?

Je to sdílená odpovědnost mezi platformou Shoptet, partnery (šablony a widgety) a majiteli obchodů (obsah).

Jaká omezení mají doplňky ohledně přístupnosti?

Doplňky mohou pouze vkládat JavaScript nebo CSS. Nemohou měnit HTML strukturu, a proto musí zajistit přístupnost u všech vlastních komponent, které přidávají.

Od kdy bude přístupnost povinná?

Evropský zákon o přístupnosti (EAA) vstupuje v platnost 28. června 2025. Do té doby se očekává plný soulad.