Komponenty > Logo :focus (1.4.3)

[athelas64]

Logo návody.digital nemá požadovaný kontrast keď je zamerané (kontast 1.6:1, požadovaný 3:1

Návrh riešenia:

  sdn-header__link.logo:focus { /*pridávame poddtriedu logo lebo inak to pokazí ostatné linky v headeri*/
  box-shadow: 0 -2px #ffbf47,0 4px #ffffff;  /*zmena farby podciarknutia na #ffffff */
  background-color:#003FB7;  /*fejk modra z ktorej bude po inverte ta spravna zlta */
  filter:invert(1); /*invert farby loga*/
  padding: 3px;  /* keď sa ohraničenie dotýka priamo okraju písmena, zhoršuje to čitateľnosť,
  2-3px je vhodný padding, ale toto by bolo fajn dať všeobecne na každý focus */
}

<a href="/" class="sdn-header__link logo">
      <img alt="Životné situácie" src="...">
</a>