Tooltip
Suggerimento
Un tooltip è una breve nota su un controllo. Si apre quando il mouse ci passa sopra o la tastiera lo seleziona. Le persone non possono usarlo come un pulsante.
role="tooltip"Un esempio vero
Quando un pulsante icona riceve il focus da tastiera, appare “Copia link”. Il focus resta sul pulsante.
Parti principali
- 01Attiva
- 02Anchored or modal surface
- 03Focus boundary
- 04Dismiss path
Usalo quando
Usalo per spiegare brevemente un’etichetta di controllo sia al passaggio del mouse sia al focus della tastiera.
Non usarlo quando
Non mettere mai azioni, istruzioni da leggere assolutamente o contenuti lunghi all'interno di un tooltip.
Nome usato nel codice
role="tooltip" Prima di spedire
Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states.
Outcome: Complete the task with Suggerimento (Tooltip). User context: Quando un pulsante icona riceve il focus da tastiera, appare “Copia link”. Il focus resta sul pulsante. Recommended pattern: Suggerimento (Tooltip). Why it fits: Usalo per spiegare brevemente un’etichetta di controllo sia al passaggio del mouse sia al focus della tastiera. Do not use it when: Non mettere mai azioni, istruzioni da leggere assolutamente o contenuti lunghi all'interno di un tooltip. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Lo standard copre solo l'ambito elencato. Non sceglie lo stile visivo, la decisione sul prodotto o l'esempio di vocabolario. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Controlla questa richiesta
Review how Suggerimento (Tooltip) is used now. Definition: Un tooltip è una breve nota su un controllo. Si apre quando il mouse ci passa sopra o la tastiera lo seleziona. Le persone non possono usarlo come un pulsante. Release checks: Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.