Otázka č. 3: Zlepšují sémantické elementy přístupnost?
Ano.
Spojování prvků na stránce do logických celků elementem div je stále běžná praxe mnoha kodérů. Element div ale bohužel nenese žádný sémantický význam, a nelze jej tak strojově zpracovávat. Což má samozřejmě negativní dopad i na asistivní technologie – programy, které uživatelům se zdravotním postižením umožňují s webovými stránkámi pracovat (typickým zástupcem a asi nejznámnější asistivní technologií jsou odečítací programy, které používají nevidomí a prakticky nevidomí lidé).
Pokud ale místo elementů div použijeme sémantické elementy, jsou asistivní technologie sémantické informace schopny zprostředkovat svým uživatelům.
Z pohledu asistivní technologie a jejího uživatele je tedy velký rozdíl v tom, jestli například menu umístíme do elementu div, nebo nav. V prvním případě (div) není uživatel o tom, že vstupuje do části stránky, v níž se nachází menu, nijak informován. V případě druhém je mu schopna asistivní technologie tuto informaci zprostředkovat právě díky použití sémantického strukturálního elementu nav (který umí strojově rozpoznat a uživatele informovat o sémantickém významu oblasti stránky, v níž se právě nachází).
Webdesignérův průvodce po HTML5 – nová sémantika
Jak na to, se dozvíte například v článcích Honzy Sládka Webdesignérův průvodce po HTML5 – nová sémantika na Zdrojáku.
A na závěr jedno moje starší zamyšlení se nad tím, proč bych nerad, aby strukturální HTML5 elementy skončily v propadlišti dějin. Čas naštěstí ukázal, že jsem se ve svém odhadu nespletl, a že to může fungovat přesně tak, jak jsem v roce 2012 popsal 🙂
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)