1.4.3 Sekundárny text v aplikácii má nedostatočný kontrast

Porušenie sa týka celého webového sídla.

Popis problému:

Sekundárne texty v prihlásenej časti portálu sú písané triedou text-gray-400 (#99A1AF) vo veľkosti 12 px. Na bielom pozadí dosahujú kontrastný pomer 2,60 : 1 (minimum je 4,5 : 1). Ide najmä o:

• text „Zobraziť dokument“ / „Skryť dokument“ pri každom dokumente (stránka dokumentu, balíka, podpisovania),
• text „Zobraziť doklady o pobyte“ pri výbere občianskeho preukazu,
• metaúdaje v zoznamoch „Balíky“, „Prijaté na podpis“ a „Dokumenty“ (dátum vytvorenia, počet podpisov).

Odkaz „Zmazať“ v zozname balíkov má farbu #FB2C36 (3,80 : 1) a popisy pravidiel podpisovania v úprave balíka #6A7282 na pozadí #EFF6FF (4,44 : 1). Hint „Podporované sú formáty …“ v zóne nahrávania nie je súčasťou tohto zistenia, je nahlásený v GitHub issue #305.

Dopad:

Používatelia so slabým zrakom a so zníženou citlivosťou na kontrast a starší používatelia nedokážu tieto texty prečítať. Prichádzajú tak o informáciu, že dokument je možné zobraziť pred podpisom, a o dátumy a stav podpisov v zoznamoch. Malá veľkosť písma (12 px) problém ešte zhoršuje.

Závažnosť: vysoká — opakuje sa na väčšine stránok prihlásenej časti.

Efektívne riešenie:

Pre splnenie kritéria úspešnosti je potrebné pre texty nahradiť triedu text-gray-400 triedou s kontrastom minimálne 4,5 : 1, napríklad text-gray-600 (#4A5565) alebo aspoň text-gray-500 (#6A7282, 4,84 : 1 na bielom). Odkaz „Zmazať“ je potrebné zobraziť farbou text-red-700, popisy na modrom pozadí farbou text-gray-600. Triedu text-gray-400 je vhodné ponechať iba pre dekoratívne ikony.