Zlepšení přístupnosti: Změna velikosti textu, vysoký kontrast a přepínání jazyků
Zlepšování přístupnosti webu není jen o dodržování pokynů, ale také o tom, aby bylo prohlížení pohodlné pro všechny. Za tímto účelem jsme přidali několik funkcí pro zlepšení použitelnosti: změnu velikosti textu, režim vysokého kontrastu, podporu tmavého režimu a přepínání jazyků.
Změna velikosti textu
Změnu velikosti textu jsme usnadnili použitím jednotek „rem“ na celém webu. Jednotka „rem“ je relativní vůči kořenové velikosti písma (obvykle nastavené v prvku <html> nebo <body>), což uživatelům umožňuje zvětšit nebo zmenšit velikost textu podle jejich potřeb. Proč je to důležité? Pro uživatele se zrakovým postižením může být ke čtení nutný větší text. Zatímco technicky zdatní jedinci mohou zvětšit celou stránku, ne každý - jako třeba vaše dinosauří maminka - to umí. Kromě toho je změna velikosti užitečná pro prezentace, kde může být pro viditelnost vyžadován větší text.
Režim vysokého kontrastu
Pro uživatele se slabým zrakem jsme zavedli režim vysokého kontrastu. Tato funkce usnadňuje čtení webových stránek tím, že zvyšuje barevný rozdíl mezi textem a prvky na pozadí. Vysoký kontrast zlepšuje čitelnost a umožňuje návštěvníkům pohodlnější navigaci a interakci s obsahem.
Podpora tmavého režimu
Vzhledem k tomu, že stále více lidí prochází web v prostředí se slabým osvětlením, stal se tmavý režim nezbytnou funkcí. Pomocí dotazů na média CSS, jako je @media (prefers-color-scheme: dark), jsme přidali podporu tmavého režimu, který přizpůsobuje vzhled webu na základě systémových nastavení uživatelů. V aplikaci Tailwind CSS je to tak jednoduché, jako použití předpony dark:, například dark:bg-gray-800. Při večerním prohlížení stránek poskytuje tmavý režim pohodlnější zážitek, protože snižuje namáhání očí.
Přepínání jazyků
Od začátku jsme plánovali přeložit tyto webové stránky do více jazyků, počínaje češtinou. Nyní jsme integrovali přepínač jazyků, který uživatelům umožňuje snadno přepínat mezi dostupnými překlady. Tato funkce zajišťuje, že obsah je přístupný a srozumitelný širšímu publiku, což zvyšuje inkluzivitu.
Díky těmto vylepšením se snažíme vytvořit web, který bude přívětivý a funkční pro každého bez ohledu na jeho schopnosti nebo preference.