{"id":125497,"date":"2023-02-07T10:34:00","date_gmt":"2023-02-07T07:34:00","guid":{"rendered":"https:\/\/android.inform.click\/?p=125497"},"modified":"2022-06-20T13:09:39","modified_gmt":"2022-06-20T10:09:39","slug":"vad-ar-alt-text-hur-man-anvander-sidelementet-for-bilder","status":"publish","type":"post","link":"https:\/\/android.inform.click\/sv\/vad-ar-alt-text-hur-man-anvander-sidelementet-for-bilder\/","title":{"rendered":"Vad \u00e4r alt text? Hur man anv\u00e4nder sidelementet f\u00f6r bilder"},"content":{"rendered":"<ul>\n<li>Alt text \u00e4r en viktig del av webbdesign. Det \u00e4r en kort textbeskrivning av en bild p\u00e5 sidan.<\/li>\n<li>Alt-text anv\u00e4nds av tillg\u00e4nglighetsverktyg f\u00f6r att l\u00e4sa bildbeskrivningar h\u00f6gt f\u00f6r blinda eller synskadade bes\u00f6kare och s\u00f6kmotorer f\u00f6r b\u00e4ttre webbsidesrankning.\u00a0<\/li>\n<li>Du kan se alternativ text p\u00e5 vilken webbsida som helst genom att inspektera sidans HTML.<\/li>\n<\/ul>\n<p>Alt text \u00e4r en komponent i webbsidedesign. Specifikt \u00e4r det en fras eller mening som beskriver en bild p\u00e5 sidan.\u00a0<\/p>\n<p>I modern webbsidesdesign visas inte alt-text f\u00f6r de flesta anv\u00e4ndare, men det anses vara en viktig del av bra webbdesign, och varje bild p\u00e5 en sida b\u00f6r ha alt-text kopplad till sig.\u00a0<\/p>\n<h2>Syftet med alt text<\/h2>\n<p>Alt text tj\u00e4nar tv\u00e5 prim\u00e4ra syften. Den anv\u00e4nds av sk\u00e4rml\u00e4sande tillg\u00e4nglighetsverktyg f\u00f6r att l\u00e4sa upp beskrivningar av bilder f\u00f6r anv\u00e4ndare som \u00e4r blinda, synskadade eller som beh\u00f6ver ytterligare hj\u00e4lp med att se inneh\u00e5llet p\u00e5 sidan. Bra alt-text \u00e4r avg\u00f6rande f\u00f6r att dessa anv\u00e4ndare ska f\u00e5 en tillfredsst\u00e4llande upplevelse p\u00e5 webbsidan.<\/p>\n<p>Den anv\u00e4nds ocks\u00e5 av Google och andra s\u00f6kmotorer f\u00f6r att f\u00f6rst\u00e5 inneh\u00e5llet i bilden, som den kan anv\u00e4nda f\u00f6r att b\u00e4ttre ranka webbsidan i s\u00f6kresultaten.\u00a0<\/p>\n<h2>Hur man l\u00e4gger till alt-text till en bild och ser den i HTML<\/h2>\n<p>Att l\u00e4gga till alternativ text varierar beroende p\u00e5 webbdesign eller inneh\u00e5llshanteringssystem som anv\u00e4nds f\u00f6r att bygga webbsidan. I allm\u00e4nhet kommer verktyget att tillhandah\u00e5lla ett f\u00e4lt f\u00f6r att ange alt-texten n\u00e4r en bild laddas upp till webbsidan. I de flesta fall kan du ocks\u00e5 redigera den uppladdade bilden efter\u00e5t f\u00f6r att l\u00e4gga till eller \u00e4ndra alt-texten.\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=\"Vad \u00e4r alt text? Hur man anv\u00e4nder sidelementet f\u00f6r bilder\" ><\/a><\/p>\n<p>Du kan l\u00e4gga till alt-text till vilken bild som helst med hj\u00e4lp av webbdesign- eller inneh\u00e5llshanteringsverktyget, som WordPress.<\/p>\n<p>Den alt-texten kodas sedan p\u00e5 sidan i HTML. Du kan se detta i vilken webbl\u00e4sare som helst med din webbl\u00e4sares &quot;Inspektera&quot;-funktion. I Chrome h\u00f6gerklickar du till exempel p\u00e5 en bild p\u00e5 en webbsida och klickar p\u00e5 &quot;Inspektera&quot; fr\u00e5n rullgardinsmenyn. I Firefox, h\u00f6gerklicka och v\u00e4lj &quot;Inspektera element.&quot; I b\u00e5da fallen b\u00f6r du se ett f\u00f6nster med sidans HTML. F\u00f6r bilden b\u00f6r du se en HTML-tagg som s\u00e4ger &quot;alt=&quot; f\u00f6ljt av alt-textbeskrivningen.\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=\"Vad \u00e4r alt text? Hur man anv\u00e4nder sidelementet f\u00f6r bilder\" ><\/a><\/p>\n<p>Du kan anv\u00e4nda inspekteringsverktyget i en webbl\u00e4sare som Chrome f\u00f6r att se alt-texten som \u00e4r kopplad till en bild p\u00e5 en webbsida.<\/p>\n<h2>B\u00e4sta metoder f\u00f6r alternativ text<\/h2>\n<p>S\u00f6kmotoroptimeringsexperter (SEO) har mycket v\u00e4gledning kring webbsidesdesign och webbsideselement som alt-text. Du kan ta hela lektioner i detta \u00e4mne. Men generellt sett finns det n\u00e5gra grundl\u00e4ggande rekommendationer man kan g\u00f6ra om alt-text. H\u00e4r \u00e4r n\u00e5gra breda riktlinjer f\u00f6r att skapa bra alternativ text:<\/p>\n<ul>\n<li>V\u00e4gledningen om l\u00e4ngd \u00e4ndras fr\u00e5n tid till annan, men f\u00f6r n\u00e4rvarande b\u00f6r du beh\u00e5lla alt-text p\u00e5 mindre \u00e4n 100 tecken, inklusive mellanslag.\u00a0<\/li>\n<li>Beskriv bilden tydligt, exakt och kortfattat.\u00a0<\/li>\n<li>B\u00f6rja inte alt-texten med en fras som &quot;Bild av&#8230;&quot; eller &quot;Foto av&#8230;&quot; Beskriv bara vad som finns i bilden.\u00a0<\/li>\n<li>Fyll inte i alt-texten med nyckelord relaterade till webbsidan, utan var s\u00e5 specifik som m\u00f6jligt. Detta hj\u00e4lper b\u00e5de blinda och synskadade bes\u00f6kare, s\u00e5v\u00e4l som Google.<\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <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>Alt text \u00e4r en kort textbeskrivning av en bild p\u00e5 en sida som anv\u00e4nds av tillg\u00e4nglighetsverktyg och s\u00f6kmotorer.<\/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":[230],"tags":[],"class_list":["post-125497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-okategoriserad"],"_links":{"self":[{"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/posts\/125497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=125497"}],"version-history":[{"count":0,"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/posts\/125497\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/media\/100402"}],"wp:attachment":[{"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=125497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=125497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/android.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=125497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}