Zlepšete přístupnost svého webu

Při vytváření webu postupujte podle níže uvedených tipů a zpřístupněte ho všem uživatelům, včetně osob s postižením.

Přidání alternativního textu

U obrázků, log, nákresů a další grafiky používejte alternativní text. Bez alternativního textu uživatelé čteček obrazovky uslyší jen „obrázek“. Některé obrázky obsahují alternativní text automaticky, proto je vhodné zkontrolovat, zda je alternativní text správný.

Přidání nebo úprava alternativního textu u vložených obrázků

1. Vyberte obrázek nebo logo.
2. Přejděte na další možnosti úprav   Přidat alternativní text.
3. Do pole popisu zadejte alternativní text.

Přidání nebo úprava alternativního textu u obrázků na pozadí

1. Na počítači otevřete web ve Webech Google.
2. Přidejte alternativní text k obrázku na pozadí v těchto prvcích:
   • Záhlaví webu: V levém dolním rohu záhlaví klikněte na Obrázek .
   • Sekce: Vpravo od sekce klikněte na Barvy sekce   Obrázek 
3. Klikněte na Alternativní text.
4. Do pole popisu zadejte alternativní text.

Přidání nebo úprava alternativního textu u loga nebo obrázků bannerů vlastního motivu

Přidání alternativního textu u nových vlastních motivů

1. Na počítači otevřete web ve Webech Google.
2. Vpravo vyberte panel Motivy.
3. V sekci Vlastní vyberte Vytvořit motiv .
4. Pokud chcete nahrát logo nebo obrázek banneru, klikněte na Přidat obrázek   Nahrát.
5. Pokud chcete přidat alternativní text, klikněte na nahraný obrázek  Alternativní text.

Přidání nebo úprava alternativního textu u záhlaví vlastního motivu

1. Na počítači otevřete web ve Webech Google.
2. Vpravo vyberte panel Motivy.
3. V sekci Vlastní v pravém horním rohu vlastního motivu vyberte ikonu možností   Upravit.
4. V sekci Obrázky klikněte na obrázek v záhlaví  Alternativní text.
5. Do pole popisu zadejte alternativní text.

Další informace o vlastních motivech

Použití vysokého barevného kontrastu

Vysoký barevný kontrast usnadňuje čtení a porozumění textu a obrázkům. V pokynech pro usnadnění přístupu k webovému obsahu (WCAG) 2.0 se doporučuje minimální poměr kontrastu 4,5:1 pro velký text a 7:1 pro ostatní text a obrázky. Nepoužívejte například světle šedý text na bílém pozadí.

Pomocí Chrome DevTools můžete projít návrhy na zvýšení barevného kontrastu a aplikovat je na váš web.

Použití informativního textu v odkazu

Čtečky obrazovky umí rozpoznat odkazy, a proto je informativní text v odkazech užitečný. Nejlepší je jako text odkazu použít název příslušné stránky. Pokud například odkazujete na stránku svého profilu, měl by text odkazu obsahovat výraz „můj profil“, nikoli „klikněte sem“ nebo úplnou adresu URL.

Ověření velikosti a zarovnání textu

Pokud chcete usnadnit čtení webu, použijte v rámci možností velký text zarovnaný doleva. Text zarovnaný do bloku se čte obtížněji kvůli nadbytečným mezerám mezi slovy.

Textová podpora formátování

Nejlepší je nespoléhat se jen na vizuální formátování, když chcete sdělit něco podstatného. Některé čtečky obrazovky neoznamují změny formátování, jako je tučné písmo nebo zvýraznění. Pokud chcete například označit důležitou část textu, přidejte tam slovo Důležité.

Používání číslovaných seznamů a seznamů s odrážkami

Dokumenty Google a Prezentace Google automaticky zjišťují a formátují některé seznamy za účelem usnadnění přístupu. Pokud například v dokumentu začnete nový řádek zadáním čísla 1 s tečkou, stane se nový řádek automaticky první položkou v číslovaném seznamu. Přečtěte si, jak formátovat seznamy s odrážkami a číslované seznamy.