Rask Tips Husk å utforme ALT-teksten

Alt-attributtet i en tagger gir alternativt innhold for brukere som ikke kan laste ned bilder, eller som har slått av bilder helt. Vi bruker denne egenskapen hele tiden for å gjøre innholdet mer tilgjengelig, men har du noen gang vurdert hva det egentlig ser ut som?

Vi skal bruke e-postmalen vi bygget i en tidligere opplæring som et eksempel, men prinsippene gjelder like bra for nettleserbasert webdesign.

Hvis vi ser på filen vår med bilder slått av, ser det slik ut:

Klart er ALT-teksten uattraktivt - spesielt koblingene. Vi kan gjøre noen ting for å jazz det opp.

For hovedoverskriften skal vi gjøre teksten mye større og endre den til mørkblå i stedet for svart. Vi gjør dette ved å legge til stiler til foreldreelementet (i dette tilfellet en celle). Disse stilene vil da bli brukt på alt-merkene i den cellen.

Dette er vår celle:

Vi legger til litt tekst styling slik at det ser slik ut:

Og vi vil stile våre sosiale medier lenker slik at de blir hvite:

Så enkelt som det! Nå kan vi være sikre på at vår e-post vil vises godt, selv med bilder slått av.