Alternative Text
Texto alternativo
El texto alternativo explica el significado útil de una imagen cuando alguien no puede ver la imagen. Debe coincidir con la función de la imagen en esa página.
Otro ejemplo
Un gráfico del clima dice: “La probabilidad de lluvia es mayor al 70% a las 16:00.” Una textura decorativa de nube usa un valor alt vacío. Un logo enlazado nombra su destino en lugar de describir sus píxeles.
Partes principales
- 01Propósito en contexto
- 02Equivalente conciso
- 03Recurso alternativo de datos complejos
Úsalo cuando
Describe lo que significa la imagen en su contexto de página. Da a gráficos o diagramas complejos los mismos datos en otra forma.
No lo uses cuando
No comiences con “imagen de,” repitas el título ni describas decoración que no añada información.
Nombre usado en código
img alt, accessible name, or adjacent long-form equivalent Antes de lanzarlo
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Texto alternativo (Alternative Text). User context: Un gráfico del clima dice: “La probabilidad de lluvia es mayor al 70% a las 16:00.” Una textura decorativa de nube usa un valor alt vacío. Un logo enlazado nombra su destino en lugar de describir sus píxeles. Recommended pattern: Texto alternativo (Alternative Text). Why it fits: Describe lo que significa la imagen en su contexto de página. Da a gráficos o diagramas complejos los mismos datos en otra forma. Do not use it when: No comiences con “imagen de,” repitas el título ni describas decoración que no añada información. 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): El estándar cubre únicamente el alcance listado. No elige el estilo visual, la decisión del producto ni el ejemplo de Vibulary. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Revisa esta petición
Review how Texto alternativo (Alternative Text) is used now. Definition: El texto alternativo explica el significado útil de una imagen cuando alguien no puede ver la imagen. Debe coincidir con la función de la imagen en esa página. 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.