Tooltips

Hover over any icon button or collapsed sidebar item to see a descriptive tooltip. Tooltips are available throughout the app to help clarify icon-only controls.

Used by:All users

Overview

Studio Color displays accessible tooltips on all icon-only buttons and on sidebar navigation items when the sidebar is collapsed. Tooltips appear after a short hover delay (300 ms) and disappear immediately when you move the cursor away.

Tip:Tooltips are powered by Radix UI Tooltip under the hood, which means they are fully accessible — keyboard focus also triggers them, and screen readers read the label directly from the button's aria-label attribute.

Where tooltips appear

Sidebar (collapsed mode)

When the sidebar is collapsed, every navigation item (including Home, My Projects, department groups, Current Scene, notifications, profile, and the theme toggle) shows a tooltip on the right side of the icon so you always know where each icon leads.

Icon-only action buttons

Everywhere you see a button with only an icon — no visible text — a tooltip explains what it does:

Photo grid edit and delete icons
Photo lightbox navigation (Previous, Next, Close)
Upload tray per-file actions (Cancel, Retry, Dismiss) and tray-level collapse/dismiss-all
Chat panel controls (Clear conversation, Expand/Collapse, Stop generating, Send)
Notification bell in collapsed sidebar
Crew member action menus (edit, remove access icons)
Source card star toggle and attachment remove button
Announcement modal close and poll option remove buttons
All page-level icon buttons across project pages (equipment, schedule, shot list, budget, etc.)

Keyboard and accessibility

Tooltips show automatically when an icon button receives keyboard focus (Tab key navigation). This means you can navigate the entire app without a mouse and still understand every button's purpose.

Press Tab to move focus between buttons — the tooltip appears on focus
Tooltips close automatically when focus moves away or Escape is pressed
Screen readers read the button's aria-label directly, so the tooltip content is always surfaced

Touch devices

On touch screens, tooltips are not triggered by hover. All icon buttons include an aria-label attribute that assistive technologies can read. The Studio Color iOS app uses native labels in place of web tooltips.

Note:If you need a label visible on touch, tap-and-hold on most mobile browsers will show the native title tooltip for any button that has one.

Tooltip delay

Tooltips have a 300 ms delay before appearing, which prevents them from being distracting during fast mouse movements. Once any tooltip in the app is open, subsequent tooltips appear instantly (within 150 ms) so you can quickly scan multiple icon buttons.