Pravidla přístupnosti aplikovaná na grafický návrh

Pravidla přístupnosti

Nejdůležitější zásady:

• Barevné rozlišení 3

- informace sdělované prostřednictvím k dispozici i v bezbarevném rozlišení
- nutná schopnost rozlišit odkazy
- např. černobílá verze stránek

• Kontrast 4

- nutný dostatečný kontrast barev v popředí i na pozadí (barvy nesmí splývat)
- na pozadí by neměl být vzorek, který by snižoval nebo znemožňoval čitelnost

Kontrast

Jednotlivé kontrasty jsme zjišťovaly pomocí on-line testeru, který je dostupný na stránkách http://www.sovavsiti.cz/kontrast/.

Limity: U rozdílu jasu se za dostatečnou hodnotu považuje alespoň číslo 125. Ale nejideálnější je hodnota nad 200. Za dostatečnou hodnotu u rozdílu barvy se považuje číslo 500.

Výsledky:

Jako prvky s nedostačujícím kontrastem se projevily:

1) Na úvodní straně:

• logo i písmo na tmavější části světle modrého pozadí:

Barva pozadí (hex): #00BEF2
Barva písma (hex): #231F20
Rozdíl jasu: 106.80799999999999
Rozdíl barvy: 404

• Tlačítko OK:

Barva pozadí (hex): #D94B3B
Barva písma (hex): #231F20
Rozdíl jasu: 83.324
Rozdíl barvy: 253

• 1.odkaz:

Barva pozadí (hex): #F05D8D
Barva písma (hex): #FFFFFF
Rozdíl jasu: 112.57499999999999
Rozdíl barvy: 291

• 5. odkaz:

Barva pozadí (hex): #9E877B
Barva písma (hex): #FFFFFF
Rozdíl jasu: 114.49100
Rozdíl barvy: 349

• 7. odkaz:

Barva pozadí (hex): #EE2526
Barva písma (hex): #FFFFFF
Rozdíl jasu: 157.787
Rozdíl barvy: 452

2) Na stránce zobrazení jednotlivého záznamu:

• Prezenčně

Barva pozadí (hex):#F7931E
Barva písma (hex): #231F20
Rozdíl jasu: 131.252
Rozdíl barvy: 330

• Absenčně

Barva pozadí (hex): #2BB673
Barva písma (hex): #231F20
Rozdíl jasu: 89.79899999999999
Rozdíl barvy: 260

• Text – Název díla, autor,…

Barva pozadí (hex): #64CDF6
Barva písma (hex): #231F20
Rozdíl jasu: 145.969
barvy: 453

Černobílá verze grafického návrhu

Pomocí on-line nástroje GrayBit jsem převedla celou stránku s grafickými návrhy do černobílé barvy. Výsledek naleznete ZDE

Závěr: Na první pohled je vidět, že některé grafické prvky katalogu obsahují nedostatečný kontrast. Konkrétně se jedná o menu na pravé straně - z hlediska přístupnosti není nejšťastnější volbou barevný přechod jednotlivých položek. U polí "Nejpůjčovanější knihy" a "Portál vysokoškolských knihoven pro zdravotně postižené" bychom doporučily obměnit barvy a kontrast tak zvýšit.

Dále by mohl být zvýšen kontrast u: tlačítka OK, na stránce zobrazení jednotlivého záznamu je špatně čitelná oblast "K dispozici"

Grafický návrh z pohledu zrakově postižených

Pro test jsme použily internetový nástroj Vischeck, který dokáže nasimulovat obrázek z pohledu barvoslepého člověka.

Zraková postižení, která dokáže nástroj nasimulovat:

• Deuteranopsie: barvoslepost na zelenou barvu
• Protanopie: omezená schopnost nebo neschopnost vnímat červenou barvu
• Tritanopie: porucha vnímání modré barvy (velice vzácné)

Celkem jsme otestovaly 2 snímky, které nám připadaly jako nejdůležitější (ostatní jim byly velmi podobné, nebo bylo vidět, že se na nich nebude vyskytovat žádný další problém). Výsledky opět ukázaly některé nedostatky v kontrastech - stejné jako ty, které jsou již zmíněny v předchozích kapitolách. Problematickým se stalo i celé menu napravo.

S ohledem k těmto zdravotně postiženým, by mohla být vytvořena i černobílá verze katalogu.

Konkrétní výstupy vypadaly následovně:

• Originál

• Pohled - Deuteranopsie

• Pohled - Protanopie

• Pohled - Tritanopie

• Originál

• Pohled - Deuteranopsie

• Pohled - Protanopie

• Pohled - Tritanopie

Závěr

• Z pohledu přístupnosti bude návrh grafiků po upravení některých detailů (nedostatečné kontrasty) určitě použitelný
• Vhodné by bylo i vytvoření černobílé verze katalogu (ale není to nutné)