Cronologia

Una timeline mette eventi, stati o tappe in ordine di tempo lungo un percorso visibile.

Vedi come funziona

Potresti chiamarlo Timelinecronologia degli eventisequenza temporale delle attività

Vedi come funziona

Esempio originale svoltoCronologia

SEQUENZA CRONOLOGICACronologia<ol> + <time>

08 JulSintesi della ricercaCinque pattern concordati
15 JulRevisione del prototipoPercorso della tastiera revisionato
22 JulControllo dell'accessibilitàDue questioni in corso
30 JulCandidato al rilascioRevisione delle prove in sospeso

<ol> + <time>▦

CronologiaInterfaccia

Un altro esempio

Una sequenza temporale di consegna mostra le date esatte per ordine effettuato, preparato, inviato, in ritardo e consegnato.

Parti principali

01Trigger or task context
02Primary control surface
03Feedback, focus, and dismissal

Usalo quando

Usalo quando tempo e ordine aiutano le persone a comprendere il progresso o la storia.

Non usarlo quando

Non tracciare mai linee di collegamento solo per decorazione quando gli eventi non hanno un ordine temporale significativo.

Nome usato nel codice

<ol> + <time>

Prima di spedire

Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.

Puoi copiare la richiesta

Outcome: Complete the task with Cronologia (Timeline). User context: Una sequenza temporale di consegna mostra le date esatte per ordine effettuato, preparato, inviato, in ritardo e consegnato. Recommended pattern: Cronologia (Timeline). Why it fits: Usalo quando tempo e ordine aiutano le persone a comprendere il progresso o la storia. Do not use it when: Non tracciare mai linee di collegamento solo per decorazione quando gli eventi non hanno un ordine temporale significativo. 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): Nessun singolo standard ufficiale controlla l'intero termine. Il suo significato può cambiare tra team, piattaforme o framework. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.

Controlla questa richiesta

Review how Cronologia (Timeline) is used now. Definition: Una timeline mette eventi, stati o tappe in ordine di tempo lungo un percorso visibile. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

Quanto è ufficiale questo termine?

Convenzione del settore

Come funzionano i livelli di evidenza Come è stata creata questa pagina

Le persone usano spesso questo termine al lavoro. Le fonti elencate possono supportare la pratica o i limiti. Non definiscono ogni parte del termine.

Nessun singolo standard ufficiale controlla l'intero termine. Il suo significato può cambiare tra team, piattaforme o framework.

Ambito: Nessun singolo documento formale copre tutto
stato del documento: non applicabile
Selezionato attivato: 2026-07-30

Fonti e ambito delle prove

Fonte dello sfondoNessuna definizione autorevole unicaLe persone usano questo nome al lavoro, ma nessuna fonte ufficiale lo definisce completamente. Vibulary ha scritto questo significato ed esempio come aiuto per l'apprendimento.