Tillgänglighet

Grundregeln för en skriven text är att använda korta meningar, tydligt språk och bara väsentlig information. Den mest viktiga informationen finns i början av sidan.

Tänk texten från läsarens synvinkel och ta fram det viktigaste i början av texten. Använd vanliga och allmänna ord och undvika svåra termer. Skriv korta stycken, använd listor och mellanrubriker. Använd hela meningar i rubriker och Klockarens färdiga rubriker. Använd inte text som fet stil för rubriker. När du använder Klockarens färdiga rubriker kan skärmläsare känna igen rubriker och innehållet går lätt att ögna igenom. Det här är extra viktigt för de som har synsvårigheter.

Viktigt är att använda korta fraser och meningar och rak ordföljd. Undvik komplicerade uttryck.
T.ex. ”Du måste logga in i webbtjänsten för att låna en bok” Skriv hellre ”För att låna en bok måste du logga-in i tjänsten”.

Textens visuella utformning

• Organisera lämplig text till listor. Listor gör texten lätt att skumma igenom.
• När du kopierar text från andra ställen till Klockaren – gör det med ”Klistra in som vanlig text” -funktionen och omforma texten med Klockarens egna texteditor. (Detta är mycket viktigt!)
• Notera textens uppbyggnad och utformning. Då försäkrar du dig om att sidan ser likadan ut med olika maskiner, fungerar rätt med tekniska hjälpmedel, i olika browser och hittas så högt som möjligt i sökmaskinerna.
• Fundera om innehållet bör delas upp på undersidor och om det i början av sidan bör finnas innehållsförteckning.
• Placera det som är viktigt för läsaren i början av sidan.
• Sätt inte samma sak på många ställen, utan använd sidans interna länkverktyg.
• Bygg upp sidans hierarki genom att använda rubriker på olika nivå.
• Använd samma typ av hierarki på hela webbsidan.

Textens utformning

För att en text ska vara tillgänglig är det viktigt att du använder Klockarens färdiga formateringsstilar. Använd stilarna för det de är planerade för. Rubrikerna ska t.ex. inte användas för att framhäva en textdel som inte är rubrik.

Kom ihåg att använda ’Klistra in som vanlig text’ när du kopierar text från andra program. När texten är inklistrad kan du forma texten med hjälp av verktygen i Klockarens texteditor.

När du utformar text i Klockaren, undvik:

• att skriva rubrik med versaler
• att använda rubrik-format på andra ställen än i rubrik
• att använda understreckning i ord som inte är länkar
• att använda fet-stil för mycket
• kursivering
• att justera text till andra ställen än vänster 

Rubrikerna hjälper användaren att gestalta innehållet

Det finns sällan för många rubriker i en text. Rubrikerna gör det lättare att ögna genom texterna. För blinda och gravt synskadade, som använder skärmläsare, blir texten svår att gestalta och osammanhängande ifall det inte finns rubriker, som delar in texten i mindre helheter. Rubriken är alltså inte enbart en visuell grej som förenklar läsandet.

En rubrik skapar du i texteditorn genom att måla den text du vill att ska bli rubrik och välja bland de olika rubrikalternativen, huvudrubrik eller någon av underrubrikerna.

Rubriken får gärna vara en hel mening om vad texten under handlar om

• Huvudrubrik (h1)
• Rubrik (h2)
• Rubrik (h3)
• Rubrik (h4)

Genom att systematiskt använda rubriker i texten ökar du tillgängligheten på sidan. Rubriceringen hjälper också sökmaskinerna att hittar din text.

Varje sida behöver en huvudrubrik (h1)

I Klockaren behöver varje sida en huvudrubrik. Huvudrubriken skapar du i den översta innehållsportletten genom att måla texten och i editorn välja Huvudrubrik (h1) i menyn. Kolla att huvudrubriken motsvarar länktexten i sidans navigation

Annat att notera

• Använd tillräckligt med mellanrubriker för att dela upp texten i mindre helheter.
• Skapa beskrivande och exakta rubriker. Det centrala i början av rubriken
• Hoppa inte över i rubrikhierarkin (Efter rubrik H1 ska det vara H2).
• Gör inte rubriker genom att använda fet-stil, utan använda Klockarens rubriker.
• Infoga inte in extra mellanrum med hjälp av enter.
• Kom också ihåg att ge länklistorna rubriker. Läs mer om hur du skapar fungerande rubriker för länklistor.

För många användare kan det av olika orsaker vara jobbigt ifall det inte står klart att en länk leder till en annan webbtjänst. Ifall det inte står vart länken leder är det lätt hänt att användaren tappar bort sig, och i misstag försvinner till någon annan webbplats.

Interna och externa länkar

En intern länk leder användaren vidare på församlingens webbplats. En extern länk leder till en helt annan webbtjänst. Församlingens kampanjsidor, som befinner sig på en annat domän (exempel: utanför www.xxxforsamling.fi) än församlingens webbplats, räknas även som externa länkar. Det spelar alltså ingen roll vem som äger webbplatsen. Ifall den ligger utanför församlingens egen domän, är det frågan om en extern länk.

Standardinställningen i Klockaren är att länken är intern, d.v.s. öppnar sig i samma fönster. Ifall du vill skapa en extern länk är det viktigt att du ser till att länken öppnar sig i ett nytt fönster. Det gör du genom att måla den text du vill att ska bli en länk och sedan välja infoga länk. Efter det väljer du i länkens inställningar ”Öppna i ny flik”.

Länklistor

Det är betydligt enklare för användaren att gestalta länklistor, som är antingen externa eller interna. Ge länklistorna sådana rubriker, som gör det lätt för användaren att förstå vart länken för. Exempelvis rubriker som ”Den här webbplatsen” för interna länkar, och ”Andra webbplatser” för externa länkar hjälper användaren att förstå vart länken leder.

Ett annat fungerande sätt är att ha de interna länkarna direkt i texten eller i slutet av texten. De externa länkarna kan du skapa med hjälp av en länklista, eller under rubriken ”Andra webbplatser”.

Ifall det är nödvändigt att ha en lista med både interna och externa länkar, se till att det framkommer i formuleringen att länken leder användaren till en annan webbplats.

Länkens alt-text ska beskriva vart länken leder. INTE beskriva länkens bild!

Kom alltså ihåg

• Försäkra dig om att länktexten tydligt säger vart den leder (t.ex. Läs mera om att boka lägergården).
• Om du länkar till ett dokument är det viktigt att länktexten förklarar vad dokumentet innehåller och dess form (ex. Församlingsrådets protokoll 1/2019 (pdf)).
• Använd inte länktext där det bara står ’Läs mera’.
• Undvik att sätta webbadressen som länktext.

Bildernas alt-texter

Alt-texten, den alternativa texten du kan skriva in som bildbeskrivning, är speciellt viktig för dem som har nedsatt syn och använder skärmläsare. Alt-texten syns även då bilden av någon orsak inte kan visas. Alt-texten gör att Google bättre kan ”läsa” dina bilder.  

Bildernas alt-texter förbättrar webbsidornas tillgänglighet betydligt. Tillgänglighetsdirektiven kräver att allt webbinnehåll som inte är text också erbjuds som ett textalternativ. Med andra ord bör bilder, videon och ljud-innehåll också presenteras med text.

Med hjälp av skärmläsaren kan synskadade via alt-texten ta del av bildens innehåll och information. En bra alt-text beskriver kort och tydligt bildens innehåll.

Bildens alt-text är viktig också med tanke på sökmotorerna. En bra alternativ text lyfter webbsidans placering högre i sökresultaten och påverkar bildens sökresultat. 

Bilder som du lägger upp på webbplatsen ska, oavsett var de finns, förses med en alt-text. Detta gäller alltså

• bilder som lagts upp i innehålls- och videoportletten
• nyhetsbilder
• evenemangsbilder
• bilder du infogar i texteditorn
• länklistor
• bildkaruseller

Hur skriver jag en bra alt-text?

Alt-texten ska beskriva bilden och förmedla bildens budskap så väl som möjligt.

• Granska hur sidans text och bildtext beskriver bildens innehåll. Vad har blivit osagt? Vad är känslan? Man ska förstå vad som finns på bilden om man blundar och hör alt-texten. Skriv in det i alt-texten.
• Använd punkt efter en mening.
• Upprepa inte det som finns i texten och bildtexten.
• Alt-texten behöver inta börja med ”På bilden finns…”, för skärmläsaren berättar innan alt-texten att det handlar om en bild.
• I alt-texten kan man också beskriva den stämning bilden vill förmedla.
• Det lönar sig ändå att komma ihåg att texterna ska skrivas för människor, inte för sökmaskiner.
• Använd inte alternativa texter för att lista sökord.

Exempel på bra och beskrivande alt-texter

Begravningsgästerna står i kyrkan. Vid altaret längst fram finns en kista med blommor. Altartavlan symboliserar uppståndelsen.

Biskop Björn Vikström sitter i sitt arbetsrum, pratar i mobilen och ler.

Är en bild också en länk?

Också bilder kan fungera som länkar, genom att man klickar på bilden så förflyttas besökaren till en annan sida. Om bilden fungerar som en länk ska alt-texten berätta vart länken leder. Bildens alt-text kan t.ex vara ’Mer information om familjerådgivningen’. I alt-texten behöver det inte finnas ordet länk, eftersom skärmläsaren ändå berättar att det handlar om en länk.

Text i bilder

När du använder dig av infografik eller bilder i samband med evenemang, se då också till att budskapet finns tillhanda i textform. Reklam i form av bild med infogad text fungerar ofta bra i tryck eller i sociala medier, men på webbplatsen fungerar de inte lika bra. Det beror på att

• Googles sökmotor inte hittar texten som finns i bilden
• skärmuppläsaren inte kan läsa texten i bilden
• texten i små bilder (t.ex. på mobilen) inte syns särskilt bra, även om användaren skulle ha utmärkt syn.

I Klockaren lönar det sig att med hjälp av länkverktyget skapa texten på bilden i stället för att göra det i ett bildredigeringsprogram.

Några principer för hur du använder text i kombination med bild

• Skriv kort (högst en mening) och skriv med tillräckligt stort typsnitt. Lägg till samma text som bildens alt-text.
• Se till att resolutionen är tillräckligt hög så att texten är läslig.
• Kontrasten mellan bakgrund och text måste vara tillräckligt stor.
• Texten bör vara tillräckligt stor.
• Bildens text och siffror (olika former av infografik), bör också finnas i brödtexten.
• Om det är mycket text, placera en ruta under eller forma texten med kontur.
• Använd bild med plats för text.
• Ifall det är omöjligt att i skriven text formulera innehållet, berätta för användaren i bildens alt-text och/eller rubrik vad bilden handlar om. En bild som är svår att beskriva i ord är bland annat en karta över begravningsplatsen.

Du kan kolla om din text i bild är tillgängligt med verktyget du hittar via denna länk.

I Klockaren kan man länka till bilagor. Med tanke på tillgänglighet bör användningen av bilagor dock göras med avvägning. Av olika anledningar kan det vara svårt för besökaren att öppna och läsa bilagor. Viktig information som t.ex. prislistor, borde alltid finnas på webbsidan som innehåll, inte som bilaga.

Tillgänglighetsdirektiven förutsätter att publicerade Word, Excel, PowerPoint och pdf-filer är tillgängliga.

Protokoll, guider och broschyrer

Ur webbplatsadministratörernas perspektiv upplevs pdf-filer ofta som enkla att använda, men de tjänar sällan användarna på bästa möjliga sätt. Om församlingen har tagit fram en uppskattad guide för att ordna dop, lägg inte upp guiden som en pdf på webbplatsen, utan skriv in innehållet direkt på webbsidorna. På så sätt får alla användare nytta av det goda innehållet i alla användningssituationer. Som pdf-filer kan man i stället lägga upp exempelvis protokoll eller publikationer på många sidor.

Prislistor

Presentera prislistor på sidan som text, i form av en lista eller som en så enkel tabell som möjligt. Tabeller kan skapas i publiceringsverktyget, men listformat är oftast att föredra. Ofta finns det olika priser för församlingens medlemmar och för övriga. Det tydligaste är att visa dessa som två separat rubricerade listor: ”Priser för församlingens medlemmar” och ”Priser för övriga”.

Om en enkel presentation är omöjlig, ange åtminstone genomsnittliga priser skriftligt i början av sidan. När det gäller till exempel begravningsavgifter vill de anhöriga ofta veta vad en begravning ungefär kostar. Efter denna information kan en mer detaljerad prislista tillhandahållas som pdf eller genom ett telefonnummer dit man kan ringa och fråga om priser.

Anvisningar på andra webbplatser

• Tillgängliga dokument (Saavutettavasti.fi)
• eOppiva: Tillgängliga dokument på webben -utbildningen (på finska)
• Word- ja Pdf-filers tillgänglighet i praktiken -YouTube-video på finska (45 min)

I det här sammanhanget avser vi med multimedia till exempel video, ljudfiler, kartor, presentationer med hjälp av panoramabilder, virtuella rundturer, e-tidningar.

Video

Textning till video obligatorisk från 23.9 2020. En video som ligger ute högst 14 dagar får vara otextad.

Ljudfiler (podcast, bandningar)

Ljudfiler måste ha textvariant från och med 23.9.2020. Direktsändningar berörs inte av kravet.

Vad tänka på?

Alla webbapplikationer som går att bädda in är inte nödvändigtvis lämpade för alla. När du använder olika multimedia, kan alltså tillgängligheten på webbplatsen lätt bli lidande. När du använder dig av material som bäddas in på webbplatsen, tänk på dessa två principer:

1. Presentera inte viktigt innehåll endast i form av multimedia. Det är svårt att dra gränsen för vad som är viktigt innehåll och vad som är mindre viktigt. Tänk i alla fall på att alla församlingsmedlemmar ska ha en möjlighet att delta i verksamheten, få hjälp och stöd, höra evangeliet och ha en möjlighet att uträtta ärenden i församlingen. Om församlingen har en fin video med en påskhälsning, se till att budskapet också finns presenterat i textform på webbplatsen.
2. Berätta i vilket format innehållet på webbplatsen är. Rubriker och namn på länkar berättar till exempel för blinda användare när innehållet är sådant att det troligen lönar sig att hoppa över det. Berätta alltså vilket format det är frågan om före användaren trycker på play eller klickar på länken. Det kan vara besvärligt att hitta tillbaka till församlingens webbplats om länken fört användaren vidare till en extern multimediatjänst. Rubriken kan till exempel lyda: ”Lyssna på radio-sändningen i SoundCloud-tjänsten”

Youtube-videomaterial hittar du överallt på webben. När du lägger till en Youtube-video i Klockaren med hjälp av inbäddningsverktyget, ser skärmläsaren texten ”Youtube-video”. Användaren erbjuds på det sättet en möjlighet att välja: antingen titta på videon eller låta bli. En del användare med funktionsnedsättning, och en del skärmläsare, klarar av att läsa eller uppfatta Youtube utan problem. För andra är det inte problemfritt.

Praktiska råd

Video- och radiosändningar. Samla videomaterial från mässor och andra evenemang på ett ställe på webbplatsen. Namnge stället där du samlat videomaterial så att du beskriver hurdant innehåll det är frågan om. Till exempel Webbkyrkan eller Lyssna/Delta i gudstjänsten på webben. Håll fast vid adressen och länkarna möjligast länge. Det underlättar navigeringen för användaren. Användaren kan lära sig snabblänken och behöver inte leta efter webbsändningar på olika ställen på webbplatsen.

Virtuella rundturer på begravningsplatser. Berätta tydligt i länken att det är frågan om en virtuell rundtur. Beskriv även begravningsplatsen i ord, beskriv viktiga detaljer gällande tillgängligheten på begravningsplatsen, och skriv ut ett telefonnummer för mer information.

Församlingens e-tidningar. E-tidningar är sällan tillgängligt material. Publicera hellre artiklar som skrivits i tidningen på webbplatsen, till exempel under Fördjupa din tro. När du publicerar artikeln direkt i Klockaren och gör en webbartikel, kan även skärmläsaren läsa artikeln. Om du ändå använder dig av någon form av e-tidning, hör dig för om tillgängligheten av tjänsteleverantören. Berätta tydligt i länken hurdant material det är frågan om.

Panoramapresentationer. Var noga med att i text beskriva allt som är viktigt gällande utrymmet. Beskriv hur utrymmet ser ut, hurdana konstverk som finns i utrymmet och hurdan atmosfären är. Använd ordet panorama i länktexten.

Om en organisation använder sociala mediekanaler, såsom YouTube, Facebook och X, omfattas även det innehåll som publiceras där av lagens krav. Tillgänglighet ska alltså beaktas även när man kommunicerar i sociala medier. Lagens tillgänglighetskrav kan alltså inte kringgås genom att publicera innehåll enbart i sociala mediekanaler.

Traficom ger följande anvisning:

”Om en organisation använder sociala mediekanaler, såsom YouTube, Facebook och X, omfattas innehållet som publiceras där av lagens krav. Till exempel ska YouTube-videor textas enligt kraven. Innehåll som användarna själva producerar, till exempel kommentarer som läggs till på organisationens Facebooksidor, omfattas däremot inte av kraven.

Om det finns brister i tillgängligheten i sociala mediekanaler eller i innehåll som publicerats där, ska dessa nämnas i organisationens tillgänglighetsutlåtande. Dessutom ska organisationen vara beredd att tillhandahålla väsentlig information som publicerats i sociala medier också på sin egen webbplats i tillgänglig form eller vid behov på ett annat sätt som passar användaren.

Det är också viktigt att beakta att väsentligt innehåll inte enbart bör publiceras i sociala medier. Information som är viktig för användarna ska alltid finnas tillgänglig även på organisationens egen webbplats.”

Anvisningar på andra webbplatser

• Tillgänglighet på sociala medier (på finska, Saavutettavasti.fi)
• Traficoms instruktioner om tillgänglighet på sociala medier

Det är bra att noga överväga användningen av tabeller på webbplatser och fundera på om informationen kan presenteras på något annat sätt. Tabeller skalar sig dåligt och är svåra att läsa när webbplatsen används på mobiltelefon. Tabeller är ofta också svåra för synskadade som använder skärmläsningsprogram.

Om tabeller används är det viktigt att ange rubriker för tabellens rader och kolumner samt en förklarande text.

Ett av tillgänglighetskraven gäller kontrasten mellan webbplatsens text, länkar och navigeringselement (bokstävernas färg i förhållande till bakgrundsfärgen). Se mer på webbplatsen Saavutettavasti.fi.

På Klockaren-webbplatser påverkar sidans huvudfärg kontrasten i vissa navigeringar och länktexter. Huvudfärgen måste därför väljas tillräckligt mörk, så att kontrasten mellan text och bakgrund uppfyller tillgänglighetskraven. Du kan kontrollera tillgängligheten för din egen webbplats huvudfärg genom att använda ett kontrasttestverktyg som bygger på WCAG:s gränsvärden, till exempel Color Contrast Accessibility Validator.

Om huvudfärgens kontrast visar sig vara otillräcklig måste färgen ändras. Det enklaste är att göra huvudfärgen mörkare. Man kan också byta den helt till en annan färg.

För att hitta en ny huvudfärg för webbplatsen kan man till exempel använda tjänsten Contrast Checker. Med verktyget kan man justera den befintliga huvudfärgen eller söka fram en helt ny färg som uppfyller kontrastkraven.

Tillgänglighet i nya Klockaren – skolning 27.11.2025 – Inspelning av presentationstillfället (på finska)

I Lukkariohje kan du ta del av tillgänglighetsskolning som hållits för Klockaren-användare (på finska).