{"id":122253,"date":"2023-02-07T10:24:00","date_gmt":"2023-02-07T07:24:00","guid":{"rendered":"https:\/\/android.inform.click\/?p=122253"},"modified":"2022-06-20T08:36:02","modified_gmt":"2022-06-20T05:36:02","slug":"mis-on-alternatiivtekst-lehekulje-elemendi-kasutamine-piltide-jaoks","status":"publish","type":"post","link":"https:\/\/android.inform.click\/et\/mis-on-alternatiivtekst-lehekulje-elemendi-kasutamine-piltide-jaoks\/","title":{"rendered":"Mis on alternatiivtekst? Lehek\u00fclje elemendi kasutamine piltide jaoks"},"content":{"rendered":"<ul>\n<li>Alternatiivne tekst on veebilehe kujunduse oluline element. See on lehel oleva pildi l\u00fchike tekstikirjeldus.<\/li>\n<li>H\u00f5lbustust\u00f6\u00f6riistad kasutavad alternatiivset teksti, et lugeda ette piltide kirjeldusi pimedatele v\u00f5i vaegn\u00e4gijatele ning otsingumootorid, et parandada veebilehtede asetust.\u00a0<\/li>\n<li>Saate n\u00e4ha alternatiivteksti igal veebilehel, kui uurite lehe HTML-i.<\/li>\n<\/ul>\n<p>Asendustekst on veebilehe kujunduse komponent. T\u00e4psemalt on see fraas v\u00f5i lause, mis kirjeldab lehel olevat pilti.\u00a0<\/p>\n<p>Kaasaegses veebilehe kujunduses alternatiivset teksti enamikule kasutajatele ei kuvata, kuid seda peetakse hea veebikujunduse oluliseks osaks ja iga lehe kujutisega peaks olema seotud alternatiivtekst.\u00a0<\/p>\n<h2>Altteksti eesm\u00e4rk<\/h2>\n<p>Alt tekstil on kaks peamist eesm\u00e4rki. Seda kasutavad ekraanilugemise juurdep\u00e4\u00e4setavuse t\u00f6\u00f6riistad, et lugeda ette piltide kirjeldusi pimedatele, vaegn\u00e4gijatele v\u00f5i kasutajatele, kes vajavad lehe sisu n\u00e4gemiseks lisaabi. Hea alternatiivtekst on nende kasutajate jaoks h\u00e4davajalik, et veebilehel oleks rahuldav kasutuskogemus.<\/p>\n<p>Seda kasutavad ka Google ja teised otsingumootorid pildi sisu m\u00f5istmiseks, mille abil saab veebilehte otsingutulemustes paremini j\u00e4rjestada.\u00a0<\/p>\n<h2>Kuidas lisada pildile alternatiivteksti ja n\u00e4ha seda HTML-is<\/h2>\n<p>Alternatiivse teksti lisamine s\u00f5ltub veebikujundusest v\u00f5i sisuhalduss\u00fcsteemist, mida veebilehe koostamiseks kasutatakse. \u00dcldiselt pakub t\u00f6\u00f6riist pildi veebilehele \u00fcleslaadimisel v\u00e4lja alternatiivteksti sisestamiseks. Enamikul juhtudel saate altteksti lisamiseks v\u00f5i muutmiseks \u00fcleslaaditud pilti ka hiljem redigeerida.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" alt=\"Mis on alternatiivtekst? Lehek\u00fclje elemendi kasutamine piltide jaoks\" ><\/a><\/p>\n<p>Saate lisada igale pildile alternatiivteksti, kasutades veebidisaini v\u00f5i sisuhaldust\u00f6\u00f6riista, n\u00e4iteks WordPressi.<\/p>\n<p>Seej\u00e4rel kodeeritakse see alternatiivtekst lehele HTML-i. Seda n\u00e4ete mis tahes veebibrauseris, kasutades oma brauseri funktsiooni \u201eInspekteerimine&quot;. N\u00e4iteks Chrome&#8217;is paremkl\u00f5psake veebilehel oleval pildil ja kl\u00f5psake rippmen\u00fc\u00fcs k\u00e4sku \u201eInspekteeri&#8221;. Firefoxis paremkl\u00f5psake ja valige &quot;Inspect Element&quot;. M\u00f5lemal juhul peaksite n\u00e4gema lehe HTML-koodiga akent. Pildi puhul peaksite n\u00e4gema HTML-m\u00e4rgendit, mis \u00fctleb &quot;alt=&quot;, millele j\u00e4rgneb alt-teksti kirjeldus.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" alt=\"Mis on alternatiivtekst? Lehek\u00fclje elemendi kasutamine piltide jaoks\" ><\/a><\/p>\n<p>Saate kasutada veebilehel pildiga seotud alternatiivteksti vaatamiseks brauseris (nt Chrome) t\u00f6\u00f6riista Kontrolli.<\/p>\n<h2>Alternatiivse teksti parimad tavad<\/h2>\n<p>Otsingumootori optimeerimise (SEO) ekspertidel on veebilehe kujunduse ja veebilehe elementide (nt alternatiivtekst) kohta palju juhiseid. Sellel teemal v\u00f5ite v\u00f5tta terveid tunde. Kuid \u00fcldiselt on alternatiivteksti kohta m\u00f5ned p\u00f5hisoovitused. Siin on m\u00f5ned \u00fcldised juhised hea alternatiivteksti moodustamiseks:<\/p>\n<ul>\n<li>Juhised pikkuse kohta muutuvad aeg-ajalt, kuid praegu peaksite hoidma alternatiivteksti alla 100 t\u00e4hem\u00e4rgi, sealhulgas t\u00fchikud.\u00a0<\/li>\n<li>Kirjeldage pilti selgelt, t\u00e4pselt ja l\u00fchidalt.\u00a0<\/li>\n<li>\u00c4rge alustage alternatiivteksti fraasiga &quot;Pilt \u2026&quot; v\u00f5i &quot;Foto \u2026&quot;. Lihtsalt kirjeldage, mis pildil on.\u00a0<\/li>\n<li>\u00c4rge &quot;toppige&quot; alternatiivteksti veebilehega seotud m\u00e4rks\u00f5nadega, vaid olge v\u00f5imalikult konkreetne. See aitab nii pimedat ja vaegn\u00e4gijat k\u00fclastajat kui ka Google&#8217;it.<\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.businessinsider.com\" class=\"external external_icon\">www.businessinsider.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Asendustekst on h\u00f5lbustust\u00f6\u00f6riistade ja otsingumootorite poolt kasutatav lehel oleva pildi l\u00fchike tekstikirjeldus.<\/p>\n","protected":false},"author":1,"featured_media":100402,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[231],"tags":[],"class_list":["post-122253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-et"],"_links":{"self":[{"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/posts\/122253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/comments?post=122253"}],"version-history":[{"count":0,"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/posts\/122253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/media\/100402"}],"wp:attachment":[{"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/media?parent=122253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/categories?post=122253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/android.inform.click\/et\/wp-json\/wp\/v2\/tags?post=122253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}