Thư viện thuật ngữ / UI/UX

Tooltip là gì?

Còn gọi: chú thích nổi

Tooltip là nhãn chữ nhỏ hiện ra cạnh một phần tử khi người dùng rê chuột hoặc focus bàn phím vào đó, dùng để giải thích ngắn gọn phần tử ấy làm gì.

Tooltip (chú thích nổi)

Hiểu kỹ hơn

Tooltip thường dùng cho nút chỉ có biểu tượng, như các nút trên thanh công cụ Figma hiện tên công cụ và phím tắt khi rê chuột. Nội dung nên ngắn, một dòng, chỉ bổ sung chứ không chứa thông tin bắt buộc phải biết. Theo WCAG 2.2, tiêu chí 1.4.13 yêu cầu nội dung hiện khi hover hoặc focus phải đóng được (thường bằng phím Esc), di chuột vào được mà không biến mất, và giữ nguyên cho đến khi người dùng rời đi. Trong Figma có thể mô phỏng tooltip bằng tương tác While hovering kèm Open overlay hoặc bằng variant. Ví dụ: Google Docs hiện tooltip In đậm (Ctrl+B) khi rê chuột lên nút B. Lỗi thường gặp là đặt thông tin quan trọng như yêu cầu mật khẩu vào tooltip, trong khi màn hình cảm ứng không có thao tác rê chuột nên người dùng điện thoại không bao giờ thấy nó.