Text Scramble
Texto encriptado
Un cambio decorativo de texto que muestra símbolos al azar por un momento y luego muestra las palabras reales.
Un ejemplo real
Un título principal estilo terminal mezcla una etiqueta corta al cargar la página. Los lectores de pantalla pueden leer el título real desde el principio.
Partes principales
- 01Activador
- 02Property change
- 03Timing model
- 04Reduced-motion result
Úsalo cuando
Úselo raramente y solo en texto decorativo corto. Muestre las palabras finales rápidamente, y muéstrelas de una vez cuando la opción de reducir movimiento esté activa.
No lo uses cuando
No codifiques el texto, los números que cambian, las etiquetas de formulario ni nada necesario para entender o usar la página.
Nombre usado en código
aria-hidden animated copy + stable accessible text Antes de lanzarlo
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 Texto encriptado (Text Scramble). User context: Un título principal estilo terminal mezcla una etiqueta corta al cargar la página. Los lectores de pantalla pueden leer el título real desde el principio. Design concept to apply: Texto encriptado (Text Scramble). Why it fits: Úselo raramente y solo en texto decorativo corto. Muestre las palabras finales rápidamente, y muéstrelas de una vez cuando la opción de reducir movimiento esté activa. Do not use it when: No codifiques el texto, los números que cambian, las etiquetas de formulario ni nada necesario para entender o usar la página. 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): Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Revisa esta petición
Review how Texto encriptado (Text Scramble) is used now. Definition: Un cambio decorativo de texto que muestra símbolos al azar por un momento y luego muestra las palabras reales. 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.