Plynulý přesun focusu

Části návštěvníků, která se mezi formulářovými položkami přesouvá klávesou Tab, lze zvýšit pohodlí při přeskakování mezi položkami plynulým přesouváním „focus efektu“.

Běžný formulář (zvlášť potom v případě, že pro pseudotřídu :focus jeho položek není nastaven výrazný styl) může být pro uživatele nepřehledný tím, že po odTabování není na první pohled jasné, kam se kursor přesunul.

Zajímavým řešením je plynulé přesunutí orámování tlačítka, políčka nebo jiného prvku na další/předchozí — tj. po stisknutí klávesy Tab, respektive Shift + Tab.

Hotové řešení

Web

Stačí přilinkovat na stránku:

<script src="flying-focus.js"></script>

(Možné je i použití jako uživetelský skript / plugin do prohlížeče.)

Odkazy

• Shrinking Button Outlines — zvýraznění :focus efektu animací.