Uživatelské nástroje

Nástroje pro tento web


pristupnost:funkcni_grafika_webu

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revizePředchozí verze
Následující verze
Předchozí verze
Následující verzeObě strany příští revize
pristupnost:funkcni_grafika_webu [2020/09/24 08:57] lindapristupnost:funkcni_grafika_webu [2020/09/24 09:01] linda
Řádek 70: Řádek 70:
  
 {{:pristupnost:kontrast_5.png|Obr. 5: Kombinace černé a modré barvy (#000000 a #06073C) s nedostatečným kontrastním poměrem}} \\ {{:pristupnost:kontrast_5.png|Obr. 5: Kombinace černé a modré barvy (#000000 a #06073C) s nedostatečným kontrastním poměrem}} \\
-//Obr. 4: Kombinace černé a modré barvy (#000000 a #06073C) s nedostatečným kontrastním poměrem (zdroj:+//Obr. 5: Kombinace černé a modré barvy (#000000 a #06073C) s nedostatečným kontrastním poměrem (zdroj:
 [[https://webaim.org/resources/contrastchecker/?fcolor=000000&bcolor=06073C|WebAIM]], získáno 2020-05-17)// [[https://webaim.org/resources/contrastchecker/?fcolor=000000&bcolor=06073C|WebAIM]], získáno 2020-05-17)//
  
Řádek 96: Řádek 96:
  
 ==== Příklady použití obrázku na pozadí ==== ==== Příklady použití obrázku na pozadí ====
-Na obr. je pozvánka na předvánoční akci knihovny, na níž text téměř nejde přečíst. I když uvedený příklad je opravdu extrémně problematický, obrázky jako podklad jsou problematické téměř vždy, ať už se jedná o fotografie, kresby či malby, vzorek na pozadí webu apod. \\ +Na obr. je pozvánka na předvánoční akci knihovny, na níž text téměř nejde přečíst. I když uvedený příklad je opravdu extrémně problematický, obrázky jako podklad jsou problematické téměř vždy, ať už se jedná o fotografie, kresby či malby, vzorek na pozadí webu apod. \\ 
  
-{{:pristupnost:obrazek_na_pozaci.png|Obr. 4: Příklad nevhodně zvoleného podkladu textu}} \\  +{{:pristupnost:obrazek_na_pozaci.png|Obr. 6: Příklad nevhodně zvoleného podkladu textu}} \\  
-//Obr. 4: Příklad nevhodně zvoleného podkladu textu (zdroj: archiv autorky)// +//Obr. 6: Příklad nevhodně zvoleného podkladu textu (zdroj: archiv autorky)// 
  
-Na obr. je ukázka sloganu knihovny umístěného na obrázku. Vzhledem k tomu, že jde o větší písmo a krátký text, nejde o kritický problém, ale část textu "Knihovna, kde to žije" není příliš výrazná, což kupříkladu uživatelům se zrakovým postižením může ztížit vnímání informací. \\ \\ +Na obr. je ukázka sloganu knihovny umístěného na obrázku. Vzhledem k tomu, že jde o větší písmo a krátký text, nejde o kritický problém, ale část textu "Knihovna, kde to žije" není příliš výrazná, což kupříkladu uživatelům se zrakovým postižením může ztížit vnímání informací. \\ \\ 
  
-{{:pristupnost:obrazek_na_pozadi_2.png|Obr. 5: Příklad mírně problematického textu umístěného na obrázkový podklad}} \\  +{{:pristupnost:obrazek_na_pozadi_2.png|Obr. 7: Příklad mírně problematického textu umístěného na obrázkový podklad}} \\  
-//Obr. 5: Příklad mírně problematického textu umístěného na obrázkový podklad (zdroj: archiv autorky((Jako podklad pro text byl použit obrázek ze serveru [[https://pixabay.com/|Pixabay]], jehož autorem je Luboš Houska.)))//+//Obr. 7: Příklad mírně problematického textu umístěného na obrázkový podklad (zdroj: archiv autorky((Jako podklad pro text byl použit obrázek ze serveru [[https://pixabay.com/|Pixabay]], jehož autorem je Luboš Houska.)))//
  
-Obr. ukazuje použití jednobarevného pruhu pro zlepšení čitelnosti textu. \\ \\ +Obr. ukazuje použití jednobarevného pruhu pro zlepšení čitelnosti textu. \\ 
  
-{{:pristupnost:text_na_obrazku1.png|Obr. 6: Příklad využití barevného pruhu jako podkladu pro text v obrázku}} \\  +{{:pristupnost:text_na_obrazku1.png|Obr. 8: Příklad využití barevného pruhu jako podkladu pro text v obrázku}} \\  
-//Obr. 6: Příklad využití barevného pruhu jako podkladu pro text v obrázku (zdroj: archiv autorky((Jako podklad pro text byl použit obrázek ze serveru [[https://pixabay.com/|Pixabay]], jehož autorem je Luboš Houska.)))//+//Obr. 8: Příklad využití barevného pruhu jako podkladu pro text v obrázku (zdroj: archiv autorky((Jako podklad pro text byl použit obrázek ze serveru [[https://pixabay.com/|Pixabay]], jehož autorem je Luboš Houska.)))//
  
-Obr. zobrazuje řešení, kdy je čitelnost obrázku řešena "znevýrazněním" části obrázku, v tomto případě snížením jasu. \\ +Obr. zobrazuje řešení, kdy je čitelnost obrázku řešena "znevýrazněním" části obrázku, v tomto případě snížením jasu. \\ 
  
-{{:pristupnost:text_na_obrazku2.png|Obr. 7: Příklad vložení textu do obrázku s využitím části obrázku upravené snížením jasu}} \\  +{{:pristupnost:text_na_obrazku2.png|Obr. 9: Příklad vložení textu do obrázku s využitím části obrázku upravené snížením jasu}} \\  
-//Obr. 7: Příklad vložení textu do obrázku s využitím části obrázku upravené snížením jasu (zdroj: archiv autorky((Jako podklad pro text byl použit obrázek ze serveru [[https://pixabay.com/|Pixabay]], jehož autorem je Luboš Houska.)))//+//Obr. 9: Příklad vložení textu do obrázku s využitím části obrázku upravené snížením jasu (zdroj: archiv autorky((Jako podklad pro text byl použit obrázek ze serveru [[https://pixabay.com/|Pixabay]], jehož autorem je Luboš Houska.)))//
  
  
pristupnost/funkcni_grafika_webu.txt · Poslední úprava: 2020/09/24 13:23 autor: epub