Obě strany předchozí revizePředchozí verzeNásledující verze | Předchozí verze | ||
pristupnost:funkcni_grafika_webu [2020/09/24 09:02] – linda | pristupnost:funkcni_grafika_webu [2024/04/21 08:33] (aktuální) – eva | ||
---|---|---|---|
Řádek 33: | Řádek 33: | ||
* Vzhled nadpisů upravte tak, aby uživateli pomohl pochopit strukturu textu, tj. nadpisy vyšší úrovně by měly být větší/ | * Vzhled nadpisů upravte tak, aby uživateli pomohl pochopit strukturu textu, tj. nadpisy vyšší úrovně by měly být větší/ | ||
* Odkazy zvýrazněte podtržením; | * Odkazy zvýrazněte podtržením; | ||
+ | |||
+ | <WRAP center round tip> | ||
+ | Pro přístupnost webu je důležité, | ||
+ | </ | ||
+ | |||
Řádek 57: | Řádek 62: | ||
{{: | {{: | ||
- | //Obr. 1: Kombinace bílé a šedé barvy (#FFFFFF a #A6A6A6) s nedostatečným kontrastním poměrem (zdroj: [[https:// | + | //Obr. 1: Kombinace bílé a šedé barvy (#FFFFFF a #A6A6A6) s nedostatečným kontrastním poměrem (zdroj: [[https:// |
{{: | {{: | ||
- | //Obr. 2: Kombinace světle modré a bílé barvy (#FFFFFF a #70BAFF) s nedostatečným kontrastním poměrem (zdroj: | + | //Obr. 2: Kombinace světle modré a bílé barvy (#FFFFFF a #70BAFF) s nedostatečným kontrastním poměrem (zdroj: |
{{: | {{: | ||
- | //Obr. 3: Kombinace zlaté a bílé barvy (#DAA401 a #FFFFFF) s nedostatečným kontrastním poměrem (zdroj: | + | //Obr. 3: Kombinace zlaté a bílé barvy (#DAA401 a #FFFFFF) s nedostatečným kontrastním poměrem (zdroj: |
{{: | {{: | ||
//Obr. 4: Kombinace bílé a žluté barvy (#FFFFFF a #FFF947) s nedostatečným kontrastním poměrem (zdroj: | //Obr. 4: Kombinace bílé a žluté barvy (#FFFFFF a #FFF947) s nedostatečným kontrastním poměrem (zdroj: | ||
- | [[https:// | + | [[https:// |
{{: | {{: | ||
//Obr. 5: 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:// | + | [[https:// |
<WRAP center info> | <WRAP center info> | ||
Řádek 103: | Řádek 108: | ||
Na obr. 7 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 " | Na obr. 7 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 " | ||
- | {{: | + | {{: |
//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:// | //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:// | ||
Obr. 8 ukazuje použití jednobarevného pruhu pro zlepšení čitelnosti textu. \\ | Obr. 8 ukazuje použití jednobarevného pruhu pro zlepšení čitelnosti textu. \\ | ||
- | {{: | + | {{: |
//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:// | //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:// | ||
Obr. 9 zobrazuje řešení, kdy je čitelnost obrázku řešena " | Obr. 9 zobrazuje řešení, kdy je čitelnost obrázku řešena " | ||
- | {{: | + | {{: |
//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:// | //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:// | ||