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.