WCAG 3.2.2 Při vstupu

Kritérium úspěšnosti 3.2.2 chrání lidi před nečekanými skoky během vyplňování formuláře. Uživatelé čteček obrazovky, uživatelé klávesnice a lidé s kognitivním postižením mohou procházet výběrový seznam možnost po možnosti nebo zaškrtnout políčko, aby zjistili, co dělá. Pokud už jen to znovu načte stránku nebo odešle formulář, ztratí místo, kde byli, nebo odešlou něco, co nechtěli. Jde o úroveň A a v normě EN 301 549 je uvedeno jako článek 9.3.2.2. Na harmonizovanou normu EN 301 549 odkazuje i český zákon č. 424/2023 Sb.

Co kritérium vyžaduje

Změna nastavení jakékoli komponenty uživatelského rozhraní nesmí automaticky způsobit změnu kontextu, pokud uživatel nebyl na toto chování upozorněn dříve, než komponentu použil.

„Změna nastavení“ znamená změnu hodnoty: psaní do pole, zaškrtnutí políčka, výběr přepínače nebo možnosti ve výběrovém seznamu. Změnou kontextu je nová stránka, nové okno, přesun fokusu jinam nebo obsah, který mění význam stránky. Prostá změna obsahu — zobrazení dalšího pole, aktualizace ceny — je povolena.

Typické chyby v e-shopu

• výběr „Řadit podle“ nebo měny znovu načte stránku hned po výběru možnosti, bez upozornění;
• výběr země v pokladně přesune fokus nebo znovu načte celý formulář;
• výběr varianty (velikosti, barvy) přejde na jinou URL produktu;
• pole pro kupón nebo množství automaticky odešle formulář, když se hodnota změní;
• zaškrtnutí políčka otevře nové okno, například stránku obchodních podmínek.

Jak to zkontrolovat

Automaticky: náš nástroj pro toto kritérium nemá pravidlo. Zda změna hodnoty spustí přechod jinam, závisí na skriptech, proto je potřeba ruční kontrola.

Ručně: jen s klávesnicí přejděte na každý výběrový seznam, zaškrtávací políčko, skupinu přepínačů a textové pole. Změňte hodnotu šipkami nebo psaním, bez stisku Enter nebo tlačítka. Sledujte, zda se stránka znovu nenačte, neotevře se nové okno nebo karta, neodešle se formulář nebo se fokus nepřesune jinam. Pokud se to stane, hledejte před ovládacím prvkem text, který na to upozorňuje.

Jak to opravit

• Přidejte tlačítko „Použít“, „Přejít“ nebo „Aktualizovat“ a reagujte až na jeho stisknutí.
• Pokud okamžité chování musí zůstat, uveďte to před ovládacím prvkem, například „Výběr měny znovu načte stránku“.
• Obsah (cenu, dostupnost, výsledky filtru) aktualizujte na místě bez přesunu fokusu a změnu oznamte jako stavovou zprávu.
• Ze zaškrtávacích políček a přepínačů nikdy neotevírejte nová okna.

Související kritéria

• 3.2.1 Při fokusu — samotný fokus nesmí změnit kontext.
• 4.1.3 Stavové zprávy — oznamujte aktualizované výsledky bez přesunu fokusu.
• 3.3.2 Popisky nebo instrukce — instrukce, které na chování upozorní.

Časté otázky

Může výběrový seznam při změně přejít na jinou stránku?

Jen pokud se to uživatelé dozvědí dřív, než ho použijí, například z textu, který vysvětluje, že výběr možnosti otevře stránku. Použitelnějším řešením je samostatné tlačítko „Přejít“ nebo „Použít“.

Jsou povoleny filtry, které při změně aktualizují seznam produktů?

Aktualizace seznamu je obvykle změnou obsahu, ne kontextu, a je povolena. Načtení nové stránky, otevření okna nebo přesun fokusu při změně je změnou kontextu.

Vztahuje se 3.2.2 na tlačítka a odkazy?

Ne. Aktivace tlačítka nebo odkazu není změnou nastavení. 3.2.2 se týká změny hodnoty ovládacích prvků, jako jsou textová pole, zaškrtávací políčka, přepínače a výběrové seznamy.