1.4.3 Odkazy a rozbaľovacie nápovedy majú pri umiestnení kurzora a v predchádzajúcich otázkach nedostatočný kontrast

Added by Milan Regec Milan R. (October 3, 2026)
Notes

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í #F4F4F4 3,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 #9DB3F4 na bielom pozadí, teda 2,06 : 1, pri umiestnení kurzora #95C6E2, teda 1,83 : 1.
  • Bez interakcie má odkaz „AVENIAS Tax & Legal“ farbu #3A67E8 na 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).


1-avenias.png
1-avenias.png Download


2-napoveda-kurzor.png
2-napoveda-kurzor.png Download


3-podkrok-napoveda.png
3-podkrok-napoveda.png Download