pildialad

Pildialad on pildi piires määratletud piirkonnad, mida saab kasutada interaktiivsete toimingute jaoks. Neid kasutatakse peamiselt pildikaartidena veebis, kus iga ala võib suunata kasutaja teisele lehele, esitada täiendavat teavet või käivitada mõne sündmuse.

HTML-is luuakse pildikaart <map> elemendi ja selle sisse kuuluvate <area> elementide abil. Iga ala on määratud shape-ga (rect, circle või poly), coords-atribuut koos koordinaatidega ning href-atribuut siht-/linki või muu sündmuse jaoks ning alt- või title-tekstiga. Pildialad võivad seostuda erinevate ressursside või toimingutega.

Koordinaadid on sageli pikslites, mis tähendab, et ala asukoht ja suurus võivad pildi suuruse muutumisel muutuda. See võib juhtida alasid mitte vastavusse pildiga. Selle lahendamiseks kasutatakse sageli SVG-d või JavaScripti, mis kohandab alasid vastavalt pildi suurusele või kasutab teisiti skaleeritavaid lahendusi.

Kasutusvaldkonnad hõlmavad e-kaubandust, interaktiivseid diagramme ja kaartide loogikat, kus kasutajad saavad kiiresti leida vajalikku teavet või tooteid. Pildialad on vanem, kuid toimiv veebilahendus ning neid kasutatakse endiselt laialdaselt.

Ligipääsetavus nõuab asjakohast kirjeldust: iga ala tuleb varustada alt- või title-tekstiga ning vajadusel tagada, et abirakendused loevad lingitava sisu. Pildialade kasutamiseks on olemas standardid, mida järgida.

Seotud mõisted: pildikaart, area-element, map-element, SVG interaktiivsed alad.