Text Scramble
Testo mescolato
Una modifica decorativa del testo che mostra simboli a caso per un attimo, poi mostra le parole vere.
Un esempio vero
Una hero in stile terminal cambia rapidamente una breve etichetta di ruolo al caricamento. Gli screen reader possono leggere il vero titolo fin dall'inizio.
Parti principali
- 01Attiva
- 02Property change
- 03Timing model
- 04Reduced-motion result
Usalo quando
Usalo raramente e solo su testi decorativi brevi. Mostra rapidamente le parole finali e falle apparire subito quando il movimento ridotto è attivo.
Non usarlo quando
Non alterare il testo del corpo, cambiando numeri, etichette dei moduli o qualsiasi cosa necessaria per comprendere o utilizzare la pagina.
Nome usato nel codice
aria-hidden animated copy + stable accessible text Prima di spedire
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Testo mescolato (Text Scramble). User context: Una hero in stile terminal cambia rapidamente una breve etichetta di ruolo al caricamento. Gli screen reader possono leggere il vero titolo fin dall'inizio. Design concept to apply: Testo mescolato (Text Scramble). Why it fits: Usalo raramente e solo su testi decorativi brevi. Mostra rapidamente le parole finali e falle apparire subito quando il movimento ridotto è attivo. Do not use it when: Non alterare il testo del corpo, cambiando numeri, etichette dei moduli o qualsiasi cosa necessaria per comprendere o utilizzare la pagina. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Questo non è uno standard normativo. Il suo nome, limiti e comportamento previsto possono cambiare da una fonte all'altra. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Controlla questa richiesta
Review how Testo mescolato (Text Scramble) is used now. Definition: Una modifica decorativa del testo che mostra simboli a caso per un attimo, poi mostra le parole vere. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.