Snabbtips Kom ihåg att utforma din ALT-text

Alt attributet inom en tagg ger alternativt innehåll för användare som inte kan ladda ner bilder, eller som har bilder helt avstängda. Vi använder hela attributet hela tiden för att göra vårt innehåll mer tillgängligt, men har du någonsin funderat på vad det egentligen ser ut som?

Vi kommer att använda e-postmallen som vi byggde i en tidigare handledning som ett exempel, men principerna gäller lika bra för webbläsarbaserad webbdesign.

Om vi ​​tittar på vår fil när bilderna är avstängda så ser det här ut:

Klart är ALT-texten oattraktivt, särskilt länkarna. Vi kan göra några saker för att jazz upp det.

För huvudrubriken kommer vi att göra texten mycket större och ändra den till vår mörkblå istället för svart. Vi gör det genom att lägga till stilar till moderelementet (i detta fall en cell). Dessa stilar appliceras sedan på alt-taggarna i den cellen.

Detta är vår cell:

Vi lägger till lite text styling så det ser ut så här:

Och vi ska ställa in våra sociala medier länkar så att de blir vita:

Enkelt som det! Nu kan vi vara övertygade om att vår e-post kommer att visa bra, även om bilderna är avstängda.