1.4.3 Odkazy a rozbaľovacie nápovedy majú pri umiestnení kurzora a v predchádzajúcich otázkach nedostatočný kontrast
Porušenie sa týka celého webového sídla.
Popis problému:
Text odkazov a rozbaľovacích nápovied (element <summary>, napríklad „Ktoré príjmy podporujeme a ktoré nie?“) nedosahuje na viacerých miestach požadovaný kontrastný pomer 4,5 : 1:
-
Pri umiestnení kurzora myši sa farba odkazov a nápovied zmení na
#2B8CC4— na bielom pozadí 3,72 : 1, na sivom pozadí#F4F4F43,38 : 1 (napríklad „Ktoré príjmy podporujeme a ktoré nie?“, „Kedy si môžem uplatniť zvýhodnenie?“, „zatvoriť“ vo formulári nahlásenia chyby, „AVENIAS Tax & Legal“ na úvodnej stránke). -
V podkrokoch (manžel / manželka, prenájom, úroky) sa predchádzajúce otázky zobrazujú s
opacity: 0.5. Ich prepínače sú zakázané, rozbaľovacie nápovedy („Kedy si môžem uplatniť zvýhodnenie?“, „Ako vypočítať vlastný príjem?“) však zostávajú aktívne — dajú sa zamerať aj otvoriť. Ich text má výslednú farbu#9DB3F4na bielom pozadí, teda 2,06 : 1, pri umiestnení kurzora#95C6E2, teda 1,83 : 1. -
Bez interakcie má odkaz „AVENIAS Tax & Legal“ farbu
#3A67E8na pozadí#F4F4F4— 4,46 : 1.
Nedostatočný kontrast zelených tlačidiel (aj pri umiestnení kurzora) je nahlásený v #1126 a tu sa neopakuje.
Dopad:
Používatelia so slabým zrakom a so zníženou citlivosťou na kontrast nedokážu text odkazu alebo nápovedy prečítať práve vtedy, keď na ňu mieria kurzorom, a v podkrokoch nevidia, že sa k predchádzajúcej otázke dá rozbaliť vysvetlenie. Postihnutí sú používatelia so slabým zrakom, so zníženou citlivosťou na kontrast a starší používatelia.
Závažnosť: stredná — týka sa doplnkových odkazov a nápovied, nie hlavného textu krokov.
Efektívne riešenie:
Pre splnenie kritéria úspešnosti je potrebné, aby text odkazov a nápovied dosahoval kontrastný pomer aspoň 4,5 : 1 v každom stave — bez interakcie, pri umiestnení kurzora aj pri zameraní. Farbu pri umiestnení kurzora je potrebné zmeniť na tmavšiu, nie svetlejšiu (napríklad #003078, ako v GOV.UK Design System, s kontrastom 12,40 : 1 na bielom a 11,27 : 1 na sivom pozadí), a podčiarknutie zhrubnúť. Rozbaľovacie nápovedy v predchádzajúcich otázkach je potrebné z polopriehľadnosti vyňať, alebo ich zakázať spolu s otázkou. Pre odkaz „AVENIAS Tax & Legal“ na sivom pozadí stačí farba #3366CC alebo tmavšia (4,88 : 1 na #F4F4F4).