Alternative Text
Testo Alternativo
Il testo alternativo spiega il significato utile di un'immagine quando qualcuno non può vederla. Dovrebbe corrispondere al ruolo dell'immagine su quella pagina.
Un altro esempio
Un grafico meteorologico dice, “La probabilità di pioggia è massima al 70% alle 16:00.” Una texture decorativa di nuvola usa un valore alt vuoto. Un logo collegato nomina la sua destinazione invece di descrivere i suoi pixel.
Parti principali
- 01Scopo nel contesto
- 02equivalente conciso
- 03fallback dati complessi
Usalo quando
Descrivi cosa significa l'immagine nel contesto della sua pagina. Fornisci a grafici o diagrammi complessi gli stessi dati in un'altra forma.
Non usarlo quando
Non iniziare con “immagine di,” non ripetere la didascalia e non descrivere decorazioni che non aggiungono informazioni.
Nome usato nel codice
img alt, accessible name, or adjacent long-form equivalent 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.
Outcome: Complete the task with Testo Alternativo (Alternative Text). User context: Un grafico meteorologico dice, “La probabilità di pioggia è massima al 70% alle 16:00.” Una texture decorativa di nuvola usa un valore alt vuoto. Un logo collegato nomina la sua destinazione invece di descrivere i suoi pixel. Recommended pattern: Testo Alternativo (Alternative Text). Why it fits: Descrivi cosa significa l'immagine nel contesto della sua pagina. Fornisci a grafici o diagrammi complessi gli stessi dati in un'altra forma. Do not use it when: Non iniziare con “immagine di,” non ripetere la didascalia e non descrivere decorazioni che non aggiungono informazioni. 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 Testo Alternativo (Alternative Text) is used now. Definition: Il testo alternativo spiega il significato utile di un'immagine quando qualcuno non può vederla. Dovrebbe corrispondere al ruolo dell'immagine su quella pagina. 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.