Den här artikeln har översatts från engelska med maskinöversättning.
Hjälpmedel som skärmläsare använder alternativ text, även känd som alternativ text, för att beskriva bilder för personer som är blinda eller har nedsatt syn. Alt-text visas också i stället för bilder när de inte kan laddas ordentligt på grund av låg internetbandbredd och när någon döljer bilder på en webbplats för att minska kognitiv belastning.
Webex Events låter dig lägga till alt-text till bilder på hela vår plattform, så att alla kan delta på ett rättvist sätt i alla evenemangsupplevelser. Den här artikeln visar hur du lägger till alt-text till bilder, och den ger tips och resurser för att skriva effektiv alt-text.
Varför lägga till alt-text till bilder?
Att skriva effektiv alt-text är en värdig färdighet att lära sig. Övning ger färdighet, men att försöka är mycket bättre än att inte göra någonting alls. Vi rekommenderar starkt att du lägger till alternativ text till varje bild, eller markerar bilder som dekorativa där det är lämpligt. Om du inte gör något kommer ditt innehåll att vara otillgängligt för en mängd olika användare. Likaså kommer skärmläsare istället att läsa bildfilens namn, vilket kan leda till en frustrerande och obehaglig användarupplevelse.
Alt text tips
Innan vi lär oss hur man lägger till alternativ text i Webex Events plattformen, belyser det här avsnittet några olika typer av bilder, ger tips om hur man skriver alternativ text och tillhandahåller resurser från Web Accessibility Initiative (WAI) för att hjälpa dig att lära dig mer.
Typer av bilder
Det finns olika typer av bilder som motiverar olika typer av alt-text. Följande är vanliga typer av bilder som du kan lägga till på olika delar av plattformen:
Informativa bilder - Bilder med information som hjälper till att förstå ett koncept som förmedlas på en sida. Om en person inte kan se bilden går de miste om nyckelinformation. Dessa bilder behöver alt-text.
Dekorativa bilder - Bilder som inte lägger till någon ytterligare information till det som förmedlas på en sida, som en bakgrundsbild. Dessa bilder kan markeras som dekorativa.
Funktionella bilder - Bilder som även länkar till andra destinationer. Dessa bilder behöver alt-text som inkluderar länkens syfte. Till exempel, om du har en bannerbild som internt länkar till sponsorfunktionen, inkludera denna information i din alt-text så att folk vet vad de kan förvänta sig.
Bilder av text - Bilder som innehåller informativ text. Budskapet som förmedlas i en bild som denna måste ha en textmotsvarighet, vanligtvis skriven i alt-texten.
Tips för att skriva alt-text
Håll din alt-text kort. Vi rekommenderar inte mer än 1-2 meningar, och Webex Events plattformen begränsar alt-text till 250 tecken.
Beskriv bilden i sammanhang med dess omgivning. Fråga dig själv: "Vilken viktig information behöver folk veta om den här bilden?" Ditt mål är att ge texten som motsvarar vad bilden förmedlar.
Om din bild innehåller text måste det meddelandet också finnas i textformat, antingen i alt-textfältet eller i en intilliggande beskrivning. Till exempel kan du ha en bannerbild som har lite information om en session. Skärmläsare kan inte läsa text som är inbakad i en bild, så alternativ text är ett bra ställe att lägga till en textmotsvarighet.
Börja inte alt-text med "Bild av". Skärmläsare annonserar ofta bilder, så att skriva "Bild av" är onödigt.
Att markera en bild som dekorativ säger åt en skärmläsare att ignorera bilden och gå över den. Markera bilder som dekorativa om:
Bilden lägger inte till ytterligare information eller sammanhang.
Bilden beskrivs i intilliggande text, och att lägga till alternativ text skulle annars vara duplicerad. Till exempel, en profilbild med namnet 'Serena Page' i texten direkt under den behöver inte alternativtext som säger "Serena Pages profilbild", och den kan markeras som dekorativ.
Alt textresurser
WAI har massor av resurser för att hjälpa dig att skriva tydlig och användbar alt-text.
Var kan jag lägga till alternativ text i Webex Events?
Med nästan vilken bild du laddar upp till Webex Events -plattformen kan du lägga till alternativ text eller markera bilden som dekorativ. Undantaget från detta är profilbilder, som automatiskt markeras som dekorativa för dig. 😸
💡 Tänk på att du bara kan lägga till alt-text till en bild när du laddar upp manuellt direkt på plattformen. För närvarande är det inte möjligt att lägga till alt-text vid import av data.
På Event App kan deltagarna lägga till alt-text till bilder som de lägger upp på väggfunktionen.
Hur man lägger till alternativ text i Webex Events plattformen
När du laddar upp en bild till Webex Events plattformen, klicka på knappen Lägg till alt text i steget "Förhandsgranska".
I modalen "Lägg till alt text" anger du en kort beskrivning av bilden i alt textfältet , upp till 250 tecken. Om bilden är dekorativ och inte tillför något informativt värde, markera helt enkelt rutan "Bilden är dekorativ" utan att lägga till alternativ text.
I följande exempel innehåller bilden text som säger "Keynote Speaker Janet Watson. Chair for Sustainable Energy for All, UN Energy.", så vi har lagt till denna exakta text i alt-textfältet.
Klicka på Spara .
Klicka på Ladda upp för att avsluta.
💡 Tänk på att det inte är möjligt att redigera alt-text på en bild i Webex Events plattformen. Om du behöver ändra alt-texten, måste du ladda upp bilden igen och lägga till den uppdaterade alt-texten under uppladdningsprocessen som just beskrivits.
Hur deltagare lägger till bild-alt-text till ett vägginlägg
Deltagare som laddar upp en bild som en del av ett vägginlägg kan lägga till alt-text innan de gör ett inlägg på väggen.
Webappanvändare klickar på knappen Lägg till alt text i steget "Förhandsgranska", lägg till alternativ text eller markera bilden som dekorativ, klicka på Spara och sedan på Ladda upp .
Mobilappanvändare trycker helt enkelt på +Alt- knappen i det övre högra hörnet av bilden, skriv in alt-text för bilden, tryck på Klart och sedan på Lägg upp .
Nu vet du om alt text! Varför inte lära dig mer om hur du kan spara tid med samarbetsformulär ?
Frågor? Chatta med oss eller maila support@socio.events