Planeringsguide om tillgängliga webbsidor
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/selkea_sivupohja.png)
Planera tydliga sidmallar
Säkerställ att huvudinnehållet är klart urskiljbart från sidvisningens övriga delar.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/selkea_lomake.png)
Planera tydliga blanketter
Säkerställ att alla blanketter på webbplatsen är tydliga och logiska och går att använda med hjälp av assisterande teknik.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/kuville_tekstivastine_1.png)
Lägg till textmotsvarigheter för allt icke-textuellt innehåll
Alla bilder, videor och ljudfiler måste ha en alternativ presentationsform för användare med syn- och hörselvariationer.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/interaktiivinen_elementti.png)
Gör webbplatsens interaktiva element identifierbara
Säkerställ att det av länkar, tryckknappar och andra interaktiva element klart framgår vad som sker när de används.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/tekstin_koko.png)
Textens storlek och typsnitt
Använd tillräckligt stor text och ett tydligt sans-serif typsnitt.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/lukemisjarjestys.png)
Logisk läsordning
Säkerställ att sidans läsordning då man använder ett skärmläsningsprogram och ett tangentbord är densamma som i den version som visas på skärmen.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/selkeaa_kielta.png)
Använd ett tydligt och begripligt språk
Använd ett tydligt och gott standardspråk när du skapar innehållet. Undvik komplicerade satsstrukturer, uttryck och svåra ord.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/ladattava_tiedosto.png)
Säkerställ att filer som kan laddas ner från webbplatsen är tillgängliga
Också filer som kan laddas ner från webbplatsen, som PDF-dokument, ska vara tillgängliga.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/taulukko.png)
Använd tabeller med urskillning
Använd tabeller endast för att presentera stora datamassor. Använd inte tabeller i formateringssyfte.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/otsikkorakenne.png)
Planera sidans rubrikstruktur noggrant
Säkerställ att huvudinnehållet på sidan har en rubrik av första nivå. Rubrikstrukturen kan man se som ett slags innehållsförteckning för sidan.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/otsikot_linkit.png)
Namnge länkar och rubriker på ett begripligt sätt
Av länkens namn ska framgå vart den för användaren och av rubrikens namn ska framgå vad som finns under den.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/riittava_tummuuskontrasti.png)
Kom ihåg en tillräcklig mörkhetskontrast
Kontrasten mellan text och element i jämförelse till bakgrunden ska vara tillräcklig.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/linkki_suoraan_sisaltoon.png)
Lägg till länken ”Hoppa till innehållet”
Första elementet som finns på sidan kan med fördel vara en länk med namnet ”Hoppa till innehållet”, som för användaren direkt till sidans huvudinnehåll.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/etusivu.png)
Lägg till på varje sida en länk till webbplatsens ingångssida
På varje sida ska det finnas en länk som är lätt att hitta och som för användaren till webbplatsens ingångssida.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/kayttajan_kieli.png)
Säkerställ att det för innehållet har definierats ett språk
Sidans språk ska definieras i HTML-koden, så att exempelvis skärmläsningsprogram och sökmotorer automatiskt kan bestämma sidans språk.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/korostus.png)
Markera innehållet
Använd många olika visuella metoder för att markera olika delar och förmedla betydelsen.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/pause.png)
Medieinnehåll som startar automatiskt
Använd inte på webbsidan långa medieinnehåll som startar automatiskt. Säkerställ att användaren lätt kan avbryta uppspelningen.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/nimeaminen.png)
Namnge webbplatsen (title)
Namnge webbplatsens varje enskild undersida begripligt och tydligt.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/nakyva_kohdistin.png)
Synlig markör
Säkerställ att kanterna omkring varje element med funktion framhävs då man läser webbsidan med tabulatortangenten (Tab ↹).
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/sisallon_maara_sivulla.png)
Mängden innehåll
Fäst vikt vid att det inte finns för mycket innehåll och olika objekt på sidan.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/kayttajan_sijainti.png)
Användarens position på webbplatsen
Säkerställ att användaren har lätt att veta sin position på webbplatsen.
![](https://papunet.net/saavutettavuus/pa-svenska/wp-content/uploads/sites/2/2023/02/hakutoiminto.png)
Sökfunktion
Lägg till en sökfunktion på medelstora och stora webbplatser.