Otázka č. 16: Je responzivní design nutný pro splnění požadavků zákona o přístupnosti?
Ano.
Kritérium úspěšnosti 1.4.10 Přeformátování (Reflow) doporučení Web Content Accessibility Guidelines 2.1 požaduje, aby ve chvíli, kdy je obsah prezentován na šířku 320 pixelů, nedocházelo ke ztrátě obsahu, funkcionality nebo bylo třeba horizontálně scrollovat.
Tomuto požadavku lze na většině webových stránek vyhovět pouze tak, že budou responzivní.
To, jestli váš web tomuto požadavku vyhovuje, si nejsnáze otestujete roztažením okna prohlížeče na šířku 1280 pixelů a zvětšením (zazoomováním) obsahu stránky na 400 %.
Obsahu, který vyžaduje horizontální scrollování, se tato podmínka netýká – jedná se například o komplexní obrázky, mapy, diagramy, video, hry, prezentace, tabulky s údaji a rozhraní, u kterých je třeba při práci s obsahem zachovat panely nástrojů.
K čemu je to dobré?
Smyslem tohoto požadavku je usnadnit čtení obsahu především uživatelům se zrakovým postižením, kteří zvětšují text a potřebují jej mít zobrazený v jednom sloupci. Díky tomu, že nemusí horizontálně scrollovat, mají jistotu, že se v případě potřeby dostanou k veškerému obsahu stránky. Pokud by museli při čtení scrollovat vertikálně i horizontálně , mohlo by se snadno stát, že některou část stránky při scrollování minou a požadovaný obsah tak nenajdou.
(Webový obsah si tak prohlížejí i na desktopu podobně, jako si jej prohlížíme na mobilním telefonu, kdy je stránka zobrazena jako jedna dlouhá „nudle“, kterou posouváme jen dolu nebo nahoru.)
Další čtení
- What Does Responsive Web Design Have to do with Accessibility?
- „Křápy“ first
- Proč je “Mobile First” přístup dobrý i pro přístupnost
- Understanding Success Criterion 1.4.10: Reflow
Adventní kalendář o přístupnosti připravuji ve spolupráci s webstudiem IBA LF MU a ÚZIS ČR, které se tématice přístupnosti dlouhodobě a koncepčně věnuje.
Více k tématu na POSLEPU
Zákon o přístupnosti: Musíme mít přístupný i obsah, který publikujeme například na Facebooku či YouTube? (24/24)- Zákon o přístupnosti: Je PDF strojově čitelný formát z pohledu zákona o přístupnosti? (23/24)
- Zákon o přístupnosti: Jaký je rozdíl mezi aria-label, aria-labelledby a aria-describedby? (22/24)
- Zákon o přístupnosti: Je vhodné používat odkazy „více“ a „zde“? (21/24)
- Zákon o přístupnosti: Proč je důležitá přístupnost mobilního menu z klávesnice? (20/24)