Pri vytváraní webu sa riaďte tipmi uvedenými nižšie, aby bol čitateľnejší pre všetkých vrátane ľudí s postihnutím.
Zahrnutie alternatívneho textu
Pre obrázky, logá, nákresy a ďalšie grafické prvky používajte alternatívny text. Bez alternatívneho textu používatelia čítačky obrazovky počujú iba „obrázok“. Niektoré obrázky obsahujú alternatívny text automaticky, preto je vhodné skontrolovať, či je alternatívny text podľa vašich predstáv.
Pridanie alebo úprava alternatívneho textu na vložených obrázkoch
- Vyberte obrázok alebo logo.
- Prejdite na Ďalšie možnosti úprav
Pridať alternatívny text.
- Do poľa opisu zadajte alternatívny text.
Pridanie alebo úprava alternatívneho textu na obrázkoch na pozadí
- V počítači otvorte web vo Weboch Google.
- Pridajte alternatívny text k obrázku na pozadí:
- V hlavičke webu: vľavo dole v hlavičke kliknite na Obrázok
.
- V sekcii: napravo od sekcie kliknite na Farby sekcie
Obrázok
.
- V hlavičke webu: vľavo dole v hlavičke kliknite na Obrázok
- Kliknite na Alternatívny text.
- Do poľa opisu zadajte alternatívny text.
Pridanie alebo úprava alternatívneho textu na logu vlastného motívu alebo obrázkoch bannera
Pridajte alternatívny text k novým vlastným motívom
- V počítači otvorte web vo Weboch Google.
- Vpravo vyberte panel Motívy.
- V sekcii Vlastné vyberte Vytvoriť motív
.
- Ak chcete nahrať logo alebo obrázok bannera, kliknite na Pridať obrázok
Nahrať.
- Ak chcete pridať alternatívny text, kliknite na nahraný obrázok
Alternatívny text.
Pridanie alebo úprava alternatívneho textu k hlavičkám vlastného motívu
- V počítači otvorte web vo Weboch Google.
- Vpravo vyberte panel Motívy.
- V sekcii Vlastné v pravom hornom rohu vlastného motívu vyberte Viac
Upraviť.
- V sekcii Obrázky kliknite na obrázok hlavičky
Alternatívny text.
- Do poľa opisu zadajte alternatívny text.
Ďalšie informácie o vlastných motívoch
Použitie vysokého kontrastu farieb
Vysokým kontrastom farieb uľahčíte čítanie a pochopenie textu aj obrázkov. V pokynoch Web Content Accessibility Guidelines (pokyny pre dostupnosť webového obsahu, WCAG) 2.0 sa odporúča minimálny pomer strán 4,5 : 1 v prípade veľkého textu a 7 : 1 v prípade iného textu a obrázkov. Vyhnite sa napríklad svetlosivému textu na bielom pozadí.
Na prezretie návrhov na zvýšenie kontrastu farieb a ich použitie na svojom webe môžete použiť nástroje pre vývojárov v prehliadači Chrome.
Použitie informatívneho textu odkazu
Čítačky obrazovky môžu zisťovať odkazy, je preto užitočné, keď je text odkazu informatívny. Ako text odkazu je najlepšie použiť názov stránky. Napríklad ak odkazujete na stránku svojho profilu, text odkazu by mal byť „môj profil“, a nie „kliknite tu“ ani úplná webová adresa.
Kontrola veľkosti textu a zarovnania
Pre texty na svojom webe použite podľa možnosti veľké písmo a zarovnanie zľava, aby sa dali ľahko čítať. Text zarovnaný podľa okrajov sa číta ťažšie, pretože má väčšie medzery medzi slovami.
Používanie textu na podporu formátovania
Pri komunikácii významu je najlepšie nespoliehať sa len na vizuálne formátovanie. Čítačky obrazovky nemusia oznamovať zmeny formátovania, ako je tučné písmo alebo zvýraznenie. Napríklad ak chcete označiť dôležitý úsek textu, pridajte slovo „Dôležité“.
Použitie číslovaných a nečíslovaných zoznamov
Dokumenty a Prezentácie Google automaticky rozpoznávajú a formátujú niektoré zoznamy na zlepšenie dostupnosti. Napríklad ak v dokumente začnete nový riadok tak, že zadáte číslo 1 a za ním bodku, automaticky sa stane prvou položkou číslovaného zoznamu. Ako formátovať nečíslované alebo číslované zoznamy