Bug Tracker Active
Tooltip
Tooltip je malá, kontextová bublina, která se zobrazí při najetí kurzorem nebo fokusu a poskytuje dovysvětlení k obsahu.
WCAG 2.2Klávesnice
Tooltip slouží k doplnění kontextové informace, která se zobrazí po najetí kurzoru nebo při zaměření prvku.
Tmavý tooltip je výchozí varianta. Používá se ve většině případů, protože na světlém pozadí stránky přirozeně přitahuje pozornost a zdůrazňuje důležitou informaci.
Světlý tooltip je výjimečné řešení. Vznikl primárně kvůli specifickým scénářům (tam kde nelze použít Popover, protože je zadavatelem vyžadováno zobrazení informací na hover a ne click). Například při práci s kalkulačkami, kde je potřeba zobrazit větší tabulku při hoveru. Používejte jej jen tehdy, když opravdu není jiná možnost, protože na světlém pozadí ztrácí svou výraznost a uživatele tolik neupozorní.
Tooltip je určený pro krátké a stručné texty. Rozsáhlý nebo interaktivní obsah do něj nepatří. Pokud se objeví výjimečný případ, kdy je to nezbytné, je vždy nutné zvážit, zda existuje vhodnější řešení – preferujeme hledat alternativy, než tooltip takto přetěžovat.
Většina komponent podporuje volitelné zobrazování Tooltipu. Varianty, které je možné zobrazit jsou uvedeny v příkladu níže.