This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
Musí moje webová stránka fungovat na výšku i na šířku?
Ano: vaše webová stránka musí být použitelná na výšku i na šířku a nesmí vynucovat žádnou orientaci. Důvod je konkrétní — někteří lidé nedokážou zařízení otočit, třeba protože je tablet pevně upevněný na vozíku. Stránka, která funguje jen na šířku, tyto návštěvníky úplně vylučuje.
Vynucená orientace vylučuje návštěvníky
Většina webových stránek se sama přizpůsobí orientaci zařízení. Problémy vznikají, když design nebo kód orientaci pevně stanoví: zobrazení „otočte prosím zařízení“, oblast videa ovladatelná jen na šířku, rezervační formulář, který je na výšku oříznutý. Pro většinu uživatelů je to nepohodlí — pro lidi s pevně upevněným zařízením zavřené dveře. Postiženi jsou i uživatelé, jejichž otáčení zařízení je ze zdravotních důvodů zablokované, třeba kvůli závratím. Pravidlo zná úzkou výjimku: tam, kde je orientace věcně nezbytná — třeba u aplikace s klavírní klávesnicí — smí být předepsaná. Pro běžné firemní webové stránky takové důvody prakticky nikdy neexistují.
Jak naše měřicí jádro kontroluje orientaci
Naše měřicí jádro vykreslí stránku ve skutečném prohlížeči v několika šířkách obrazovky — od úzkého zobrazení na telefonu po širokou stolní verzi — a pokrývá tak typické šířky na výšku: co tam horizontálně přeteče nebo se ořízne, se do auditní oblasti Responzivita dostane jako nález. Zda stránka navíc orientaci aktivně blokuje nebo vyzývá k otočení, se často projeví až na skutečném zařízení a v chování stránky — to u zlatého standardu posoudí člověk, který stránku ovládá v obou orientacích. Zpráva čistě odděluje, co bylo změřeno a co je lidský úsudek.
Příklady
Formát podporované krajiny
<meta name="viewport" content="width=device-width">
<script>screen.orientation.lock("landscape");</script>
<style>@media (orientation: portrait) { body { display: none } }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tabelle { overflow-x: auto; }
</style>Tableta na invalidním vozíku je pevně namontována. Strana se přizpůsobuje situaci; Široký obsah má svůj vlastní svislý prostor.
- Otevřete si webovou stránku na telefonu a otočte zařízení — každá funkce musí zůstat dostupná v obou orientacích.
- Odstraňte zobrazení jako „otočte prosím zařízení“ — jsou nejzřetelnějším znakem vynucené orientace.
- Cíleně otestujte formuláře a rezervační procesy na výšku, tam se ořezávání vyskytuje nejčastěji.
- Požádejte svou agenturu o potvrzení, že v kódu není nastavené žádné omezení orientace.
- Zkontrolujte vložený obsah, jako jsou videa a mapy, v obou orientacích — cizí prvky s sebou nesou vlastní omezení.
