7 days of unlimited WordPress themes, plugins & graphics - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. HTML

Kratki Savjet: Ne Zaboravite Stilizirati ALT Tekst

Read Time: 1 min
This post is part of a series called Strange and Unusual HTML.
Quick Tip: Consider Wrapping Your Code With a “figure” Element
Quick Tip: Set Relative URLs With the “base” Tag

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Alt atribut unutar <img> taga pruža alternativan sadržaj korisnicima koji ne mogu preuzeti slike, ili onima koji su isključili pregled svih slika. Ovaj atribut stalno koristimo kako bismo sadržaj učinili pristupačnijim, ali jeste li ikada zapravo uzeli u obzir njegov izgled?

Kao primjer ćemo upotrijebiti email predložak koji smo izgradili u prošlom tutorialu, ali principi se primjenjuju kao i na pretraživaču baziranom web dizajnu.

Ako pogledamo našu datoteku sa isključenim slikama, ona izgleda ovako:

altTagsBeforealtTagsBeforealtTagsBefore

Očito je da ALT tekst nije privlačan - naročito poveznice. Možemo učiniti par stvari kako bismo to uredili.

Za glavno zaglavlje, tekst ćemo prilično povećati i promijeniti ćemo mu boju iz crne u tamno plavu. To ćemo učiniti dodajući stilove roditeljskom elementu (u ovom slučaju ćeliji). Ovi stilovi će tada biti primijenjeni na alt tagove unutar te ćelije.

Ovo je naša ćelija:

Dodati ćemo stil tekstu tako da izgleda poput ovoga:

I stilizirati ćemo poveznice na društvene medije tako da postanu bijele:

altTagsAfteraltTagsAfteraltTagsAfter

Vrlo jednostavno! Sada možemo biti sigurni da će se naš email dobro prikazati, čak i sa isključenim slikama.

Advertisement
Did you find this post useful?
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.