Suggerimento rapido ricorda di modificare il testo ALT

L'attributo alt all'interno di a tag fornisce contenuti alternativi per gli utenti che non possono scaricare immagini o che hanno le immagini completamente disattivate. Usiamo questo attributo tutto il tempo per rendere i nostri contenuti più accessibili, ma hai mai preso in considerazione ciò che effettivamente sembra?

Utilizzeremo il modello di email che abbiamo creato in un tutorial precedente come esempio, ma i principi si applicano anche al web design basato su browser.

Se diamo un'occhiata al nostro file con le immagini disattivate, questo è come appare:

Chiaramente il testo ALT non è attraente, specialmente i link. Possiamo fare un po 'di cose per metterlo a punto.

Per il titolo principale, renderemo il testo molto più grande e lo cambieremo nel blu scuro anziché nel nero. Facciamo questo aggiungendo stili all'elemento genitore (in questo caso una cella). Questi stili verranno quindi applicati ai tag alt all'interno di quella cella.

Questa è la nostra cella:

Aggiungeremo alcuni stili di testo in modo che assomigli a questo:

E modelleremo i nostri collegamenti social in modo che diventino bianchi:

Semplice come quella! Ora possiamo essere sicuri che la nostra e-mail verrà visualizzata bene, anche con le immagini disattivate.