1.4.3 Texty na modrom pozadí v cenníku a v hlavičke príručky majú nedostatočný kontrast

URL: agp.dev.slovensko.digital/about

Popis problému:

Na stránke „O portáli“ je v časti „Začnite používať Autogram Portal už dnes“ zvýraznená karta „Anonym“ na modrom pozadí #2C6DFC. Namerané kontrastné pomery:

• popis „Pre každého, kto potrebuje okamžite podpísať alebo overiť dokument“ a položky „Nemôžete odoslať dokument na podpis“, „Nemôžete ukladať dokumenty“ (text-blue-100, #DBEAFE): 3,66 : 1,
• nadpis „Anonym“ a položka „Nahráte, podpíšete a overíte dokument“ (biely text): 4,47 : 1,
• štítok „Zadarmo“ (biely text na polopriehľadnom pozadí #417CFC): 3,80 : 1,
• číslo kroku „05“ v časti „Proces“ (biely text na #00A63E): 3,22 : 1.

Na stránke „Používateľská príručka“ má nadpis sekcie „Používateľská príručka“ (text-blue-200, #BEDBFF na #155DFC) kontrast 3,69 : 1 a podnadpis „Všetko, čo potrebujete vedieť …“ (text-blue-100) 4,29 : 1. Požadované minimum pre bežný text je 4,5 : 1.

Dopad:

Používatelia so slabým zrakom a so zníženou citlivosťou na kontrast nedokážu spoľahlivo prečítať obmedzenia anonymného účtu, a teda sa nevedia informovane rozhodnúť, či si majú vytvoriť účet. Svetlomodrý text na sýtom modrom pozadí je ťažko čitateľný aj pre používateľov s poruchami vnímania farieb.

Závažnosť: vysoká — ide o rozhodujúce informácie o službe na úvodnej stránke.

Efektívne riešenie:

Pre splnenie kritéria úspešnosti je potrebné použiť kombinácie farieb s kontrastným pomerom minimálne 4,5 : 1: na modrých plochách používať biely text a pozadie stmaviť aspoň na #155DFC (biela na ňom dosahuje 5,25 : 1) alebo #1447E6; triedy text-blue-100 a text-blue-200 na modrom pozadí nepoužívať. Zelený krok „05“ je potrebné podložiť tmavšou zelenou, napríklad #008236 (green-700).