| Note |
|---|
Under uppbyggnad| Panel |
|---|
| panelIconId | 1f464 |
|---|
| panelIcon | :bust_in_silhouette: |
|---|
| panelIconText | 👤 |
|---|
| bgColor | #F4F5F7 |
|---|
|
Webbredaktörer och lättredaktörer kan hantera bilder. |
Sidans innehåll
| Table of Contents |
|---|
| minLevel | 1 |
|---|
| maxLevel | 1 |
|---|
| outline | false |
|---|
| style | disc |
|---|
| type | list |
|---|
| printable | false |
|---|
|
...
| Expand |
|---|
| title | Använd komponenter som är avsedda för bilder |
|---|
|
På gu.se har vi komponenter som är gjorda för bilder. Det är dessa du ska använda när du lägger upp bilder: |
| Expand |
|---|
|
En alt-text ska kunna ersätta och beskriva bilden för den som inte ser bilden. Det kan handla om en besökare som använder ett uppläsande hjälpmedel, när en sökmotor indexerar sidan eller om bilden inte finns på servern längre. En alt-text ska förmedla informationen i bilden. Du ska inte skriva “bild/foto av” och alt-texten ska inte vara samma som bildtexten. Till exempel kan alt-texten till bilden nedan vara: Student sitter vid en studieplats och skriver i ett anteckningsblock.  Image AddedDu ska alltid skriva en alt-text, så länge bilden inte är dekorativ. Det kan vara svårt att veta när en bild är informationsbärande eller dekorativ. Ett tips är att om du skulle beskriva innehållet på sidan för någon och du helt hoppar över bilden så är den troligen dekorativ. Beroende på informationen på en sida kan bilden i exemplet ovan vara dekorativ och därför ska alt-texten vara: <none> Tips på hur du beskriver innehåll som inte är text med text på DIGGs hemsida |
| Expand |
|---|
|
Bildtext ska inte blandas ihop med alt-text. Medan alt-texten ska förmedla informationen i bilden, ska en bildtext förklara motivet och sambandet till informationen på sidan. Dessa två ska därför aldrig vara samma text. Till exempel kan bildtexten till bilden nedan vara: Göteborgs universitets huvudbyggnad i Vasaparken. Medan alt-texten till en sådan bild istället skulle vara: Stenbyggnad med texten Göteborg universitet alternativt <none> om den endast är dekorativ.  Image Added |
| Expand |
|---|
|
Text i bild kan göra det svårare för besökare att ta del av innehållet, därför ska vi alltid presentera text som just text istället för som bilder. Undantag är logotyper. |
...
Beroende på var du ska lägga upp din bild finns det olika tillvägagångssätt.
| Expand |
|---|
|
Komponenten bild kan du lägga till i samtliga layouter. På sidan väljer du fliken Layout. När du valt layout klickar du på Lägg till komponent och väljer Bild. Klicka på Öppna bildbiblioteket. Där kan du antingen välja mellan bilder i ytans bildbibliotek, Gemensamt bildbibliotek eller att ladda upp en ny bild. Välj din bild och klicka på Välj bild. Skriv in Alt-text. Titta i riktlinjerna för stöd. I layouten Information kan du lägga till bildtext, om du vill förtydliga sammanhanget mellan motivet och innehållet på sidan. Klicka på Lägg till komponent.
|
| Expand |
|---|
|
Beroende på vilken sidtyp du har valt finns det olika rekommendationer för när du ska använda huvudbild och inte. På sidan väljer du fliken Redigera. Klicka på fliken Huvudbild/film och välj Huvudbild. Klicka på Öppna bildbibliotek. Där kan du antingen välja mellan bilder i ytans bildbibliotek, Gemensamt bildbibliotek eller att ladda upp en ny bild. Välj din bild och klicka på Välj bild. Skriv in Alt-text. Titta i riktlinjerna för stöd. Vill du förtydliga sammanhanget mellan motivet och innehållet på sidan så kan du skriva en bildtext. Säkerställ att sidan har status Publicerad och klicka på Spara.
|
| Expand |
|---|
|
Du kan lägga till bilder i puffar, både interna och externa. Du hittar instruktioner för hur du gör detta i följande manualer: |
Goda exempel