Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revizePředchozí verzeNásledující verze | Předchozí verzeNásledující verzeObě strany příští revize | ||
pristupnost:redakcni_system_obrazky [2020/05/14 15:27] – [Jaké obrázky vybírat] eva | pristupnost:redakcni_system_obrazky [2020/09/17 20:55] – linda | ||
---|---|---|---|
Řádek 4: | Řádek 4: | ||
===== Jaké obrázky vybírat ===== | ===== Jaké obrázky vybírat ===== | ||
- | - Používejte obrázky, které jsou **vhodné pro danou cílovou skupinu**. Jiné obrázky jsou vhodné pro děti, jiné pro odborný článek, jiné pro pozvánku na akci nebo instruktážní letáček. | + | - Používejte obrázky, které jsou **vhodné pro danou cílovou skupinu**. Jiné obrázky jsou vhodné pro děti, jiné pro odborný článek, jiné pro pozvánku na akci nebo instruktážní letáček. |
- | - Tam, kde je to možné, je vhodné použít **jednotný styl obrázků**. Například | + | - Tam, kde je to možné, je vhodné použít **jednotný styl obrázků**. Např. pokud chceme ve výňatku z knihovního řádu použít piktogramy, měly by tyto piktogramy být ve stejném stylu. |
- | - Má-li obrázek ilustrovat text nebo myšlenku, měl by být jasný a srozumitelný a mělo by na něm být pokud možno jen to, co je smyslem sdělení. Například | + | - Má-li obrázek ilustrovat text nebo myšlenku, měl by být jasný a srozumitelný a mělo by na něm být pokud možno jen to, co je smyslem sdělení. Např. pokud má být obrázek ilustrací čtenáře, měla by na něm být pouze čtoucí osoba a ne už další objekty. |
- | ==== Proč je důležité vybírat správné obrázky ==== | + | |
- | Vhodné obrázky mohou pomoci v pochopení informace lidem, kteří mají nějaký problém s vnímáním informací. Jsou to například : | + | <WRAP center round info> |
- | * lidé s mentálním postižením, | + | |
- | * lidé s poruchami učení nebo soustředění, | + | |
- | * lidé, pro které čeština není mateřským jazykem (cizinci, příslušníci národnostních menšin, neslyšící, | + | |
- | Alternativní popis obrázků | + | ==== Proč je správný výběr obrázků důležitý ==== |
- | Pokud obrázek obsahuje nějakou informaci (např. jedná se tlačítko, logo, emotikon, piktogram apod.), | + | |
+ | Vhodné obrázky mohou pomoci v pochopení informace lidem, kteří mají nějaký problém s vnímáním informací. Jsou to např.: | ||
+ | * lidé s mentálním postižením; | ||
+ | * lidé s poruchami učení nebo soustředění; | ||
+ | * lidé, pro které čeština není mateřským jazykem (cizinci, příslušníci národnostních menšin nebo neslyšící, | ||
- | Pokud jsou obrázky důležitou součástí obsahu sdělované informace, (např. grafy, schémata nebo jakékoliv obrázky vysvětlují nějakou část informace, která jinak není obsažená v textu), připojte slovní popis obrázku, případně i odkaz na zdrojová data (tabulku, z níž byl graf vygenerován, | + | </ |
- | Obrázky na pozadí | + | ===== Textová alternativa obrázků (alternativní popis) ===== |
+ | |||
+ | Někteří návštěvníci webových stránek nemohou vnímat obrázky. Informace ve formě obrázků a grafiky tito uživatelé nevidí, bez ohledu na to, zde jde o fotogalerie, | ||
+ | |||
+ | <WRAP center round info> | ||
+ | ==== Pro koho jsou důležité alternativní popisky ==== | ||
+ | |||
+ | Jsou to zejména: | ||
+ | * nevidomí uživatelé webu, kteří pro " | ||
+ | * stroje, především webové vyhledávače, | ||
+ | </ | ||
+ | |||
+ | |||
+ | ==== Používání alternativního popisu obrázků ==== | ||
+ | |||
+ | |||
+ | V případě, že nevidomý uživatel webu používá odečítač obrazovky, odečítač obrázek rozpozná a sdělí uživateli, že jde o grafiku a poté přečte alternativní text obrázku. Není-li alternativní text k dispozici, odečítač přečte název obrázku. | ||
+ | |||
+ | //Jako příklad si ukažme obrázek vykřičníku, | ||
+ | |||
+ | Pokud je u obrázku uveden alternativní text " | ||
+ | |||
+ | Proto při práci s obrázky nezapomínejte na tato doporučení: | ||
+ | |||
+ | - Pokud obrázek obsahuje nějakou informaci a není jen doplňkovou ilustrací (např. jedná se tlačítko, logo, emotikon, piktogram apod.), je třeba **přidat také alternativní text vysvětlující funkci obrázku**. | ||
+ | - Pokud jsou obrázky důležitou součástí obsahu sdělované informace, (např. grafy, schémata nebo jakékoliv obrázky vysvětlují nějakou část informace, která jinak není obsažená v textu), **připojte slovní popis obrázku, případně i odkaz na zdrojová data** (tabulku, z níž byl graf vygenerován, | ||
+ | - Pro obrázky, které jsou pouze ilustrační a nemají žádný vliv na význam sdělení, se používají prázdné uvozovky %%"" | ||
+ | |||
+ | <WRAP center round tip> | ||
+ | **Pokud je váš redakční systém správně nastavený, může vám práci s alternativními popisky obrázku usnadnit**. Může za vás např. vkládat prázdné uvozovky k obrázkům, u kterých vy sami neuvedete alternativní text. | ||
+ | </ | ||
+ | |||
+ | ===== Obrázky na pozadí | ||
+ | |||
Obrázkům na pozadí je vhodné se zcela vyhnout, protože zhoršují čitelnost a porozumění textu. To může působit problémy lidem s různými zrakovými poruchami (včetně seniorů), lidem s mentálním postižením nebo lidem s poruchami učení, cizincům apod. Obrázky na pozadí však také mohou zhoršovat čitelnost na mobilních zařízeních (např. čtení při intenzivním slunečním světle). | Obrázkům na pozadí je vhodné se zcela vyhnout, protože zhoršují čitelnost a porozumění textu. To může působit problémy lidem s různými zrakovými poruchami (včetně seniorů), lidem s mentálním postižením nebo lidem s poruchami učení, cizincům apod. Obrázky na pozadí však také mohou zhoršovat čitelnost na mobilních zařízeních (např. čtení při intenzivním slunečním světle). | ||
+ |