HTML Tutorial

HTML-tagg: <area>

Användning:

<area>-taggen definierar ett aktivt område på en bild som kan länkas till en annan webbplats eller sida. Den används tillsammans med <map>-taggen för att skapa en bildkarta.

Attribut:

  • href: Länken till den sida eller webbplats som området ska gå till.
  • alt: Alternativ text för tillgänglighet, som beskriver området i textformat.
  • shape: Formen på området: rect, circle eller poly.
  • coords: Koordinaterna för området, t.ex. "0,0,100,100" för en rektangel.

Exempel:

<img src="bild.jpg" alt="Bild" usemap="#karta">

<map name="karta">
  <area shape="rect" coords="0,0,100,100" href="sida1.html" alt="Länk till sida 1">
  <area shape="circle" coords="200,200,50" href="sida2.html" alt="Länk till sida 2">
</map>

Tips för bättre tillgänglighet:

  • Använd beskrivande alt-text för varje område.
  • Gör områdena tillräckligt stora för att vara lätta att klicka på.
  • Överväg att använda ett verktyg som screenreader för att testa tillgängligheten för din bildkarta.