Riktlinjer i kategori Systemutveckling
Bevara tillgänglighet vid konverteringar
Om en webbsida gör om informationsinnehåll som innehåller tillgänglighetsdata måste dessa behållas i det nya formatet.
Respektera användarens inställningar
Inställningar som användaren gjort i webbläsaren ska om möjligt få genomslag vid presentation av färger, typsnitt, kontraster, textstorlek, och fokusmarkör.
Ange sidans språk i koden
För att öka sannolikheten att till exempel skärmläsare presenterar innehållet korrekt bör html-koden ange aktuellt språk med hjälp av lang-attribut.
Ge användarna möjlighet att justera tidsbegränsningar
Användare behöver ibland möjlighet att justera tidsbegränsningar som finns inbyggda i systemet, till exempel i en beställningsfunktion. Ge dem det!
Ge ordförslag vid sökning och inmatning
Underlätta för användarna genom att ge dem förslag på sökord när de utför en sökning på en webbplats. Funktionen ger bättre sökträffar, underlättar för vissa personer med skrivsvårigheter samt kan spara tid och förenkla för alla användare.
Utforma webbadresser med omsorg
Se till att era webbadresser kommer att vara tydliga och fungera bra, även på papper. Webbadresser behöver vara enkla att uppfatta. De kan behöva användas till exempel från utskrivna e-brev eller tryckta material, eller läsas upp i etermedier. Det finns risk att användarna uppfattar dem fel. Utforma därför webbadresserna med omsorg.
Ange om ett dokument är en del av ett större dokument
Om ett dokument är en del av ett större dokument, eller är nära relaterat till andra material, länka dit och använd relevanta attribut som beskriver relationen. Till exempel kan varje kapitel av en rapport ligga på varsin sida, med länkar sinsemellan, som har attributen ”prev” och ”next” . Det finns också särskilda attibut för tillhörande ordlistor, upphovsrättsinformation med mera. De underlättar för användare och sökmotorer att förstå att, och hur, dokument hör ihop.
Se till att bakåtknappen fungerar
Webbläsarens funktion för att backa är en av de mest använda funktionerna för att navigera på webben, både inom en webbplats och mellan webbplatser. Se därför till att den fungerar.
Gör webbadresser bokmärkningsbara
Se till att användare som gör bokmärken till sidor kommer tillbaka till rätt sida i framtiden.
Använd inte ramar
Använd i första hand serverbaserade tekniker för att infoga innehåll i sidor. Använd inte ramar (frames) för att utforma webbplatsen. Det orsakar nämligen en rad problem med användbarhet och tillgänglighet.
Använd Javascript för att öka tillgängligheten – inte tvärtom
Javascript ger ofta en god användbarhet, och kan bidra till ökad tillgänglighet och effektivitet. Men det finns användare som inte kan eller vill använda Javascript. Se därför till att det går att använda webbplatsens viktigaste funktioner även utan Javascript, och följ riktlinjer för tillgänglig Javascript.
Skapa en flexibel layout som fungerar vid förstoring eller liten skärm
Skapa en layout som fungerar på en 320 pixlar bred skärm utan att information eller funktionalitet går förlorad, utan scrollning i mer än en riktning. I praktiken innebär det responsiv design och att att riktigt långa ord behöver avstavas. Att behöva scrolla i sidled är besvärligt och försämrar upplevelsen. Många använder små skärmar och personer som på grund av nedsatt syn förstorar innehållet har liknande behov.
Gör det möjligt för andra att återanvända webbplatsens innehåll
Gör tjänster och information på er webbplats åtkomliga för andra system, så att andra kan återanvända ert innehåll. Överväg att själva syndikera och förädla material för att skapa större nytta åt era användare.
Gör det möjligt att prenumerera på information
Gör det möjligt att prenumerera på information från er webbplats. Då kan användarna enkelt hålla sig underrättade om vad som händer inom ert område.
Basera inte viktig funktionalitet på format som kräver insticksprogram
Flash, Quicktime och liknande ger ofta problem för de som använder hjälpmedel, eller som inte använder mus, även när webbläsaren har ett insticksprogram för att hantera dem. Låt därför ert viktigaste innehåll vara användbart även utan insticksprogram.
Se till att koden validerar
Se till att er webbplats har sidmallar och stilmallar som har en god kodkvalitet och följer standarder. Det ökar chansen att alla användare kan komma åt informationen och tjänsterna på webbplatsen, oavsett vilka verktyg de använder.
Använd stilmallar för att separera presentationen från innehållet
Använd stilmallar (cascading style sheets, css:er), där ni samlar alla regler för webbplatsens utseende: hur textelement ska se ut, var på sidan objekt ska placeras och hur objektens utseende ska justeras.
Utveckla webbplatsen enligt en standard, snarare än för en webbläsare
Följ en webbstandard när ni utvecklar er webbplats, så kan ni vara mer säkra på att koden kommer att fungera även i kommande webbläsare. Samtidigt underlättar ni för dem som använder webbplatsen med andra verktyg än de vanligaste.
Följ kodstandarder
Använd standarder så långt som möjligt. Ett skäl till att webben har blivit så användbar är att den bygger på öppna standarder. Tack vare detta kan vi utveckla och använda webben med verktyg från olika leverantörer. Öppna standarder möjliggör konkurrens, underlättar innovationer och är ett skydd mot att en eller ett fåtal aktörer tar över och kontrollerar webben.
Låt användarna fylla i information i valfritt format
Användarna ska enkelt kunna fylla i information som efterfrågas på webbplatsen, utan att få upp felmeddelanden som går att undvika genom programmering. Ett vanligt exempel är alla de sätt man kan skriva ett personnummer, till exempel 630125-0000 eller 196301250000. Skapa funktioner som ger det ifyllda det format som systemet behöver.
Låt inte en webbadress sluta fungera
Det finns ett stort värde i de länkar som leder till er webbplats, både för användarna som vill kunna hitta den, och för er i sökmotorernas rankning. Se därför till att länkarna fortsätter att fungera även på lång sikt. De ska inte sluta fungera om ni byter publiceringsverktyg.
Optimera webbplatsen för bästa prestanda
Optimera tjänsten så att den laddar snabbt, svarar snabbt på interaktion och kräver så lite som möjligt av användarens utrustning och uppkoppling. Dålig prestanda leder till negativa användarupplevelser, hinder för användning, försämrat genomslag (till exempel genom sämre rankning i sökmotorer) och slöseri med resurser. Bra prestanda kan till exempel uppnås genom att inte överföra mer data än nödvändigt.
Gruppera formulärets fält
Formulär med många inmatningsfält blir tydligare och enklare att förstå om man delar upp dem i flera delar. Delarna kan antingen presenteras i olika grupper på en webbsida eller delas upp på flera sidor.
Fyll formulär med kända uppgifter
Gör det enkelt för användarna att fylla i formulär genom att i förväg fylla i de uppgifter du redan har.
Publicera i format som är lämpade för långsiktigt bevarande
Innehåll på myndigheters webbplatser är allmänna handlingar. Därför behöver de kunna bevaras under lång tid. Det gäller både text och bilder, ljud eller video.
Gör register och databaser med publik information sökbara
Användarna har ofta stor nytta av att själva kunna söka i publika register och databaser. Överväg därför att göra sådana sökbara, men ta hänsyn till vilka risker och behov som finns.
Informera om hur personuppgifter, kakor (cookies) mm hanteras
Det finns lagar som reglerar vad du som ansvarig för en webbplats är skyldig att informera besökarna om. Bland annat ska du upplysa om hur personuppgifter och kakor hanteras på webbplatsen.
Visa var ett fel uppstått och beskriv det tydligt
Hjälp dina användare när det blir fel. Väl formulerade felmeddelanden ger användarna möjlighet att fylla i så felfria data som möjligt i formulären. De minskar också risken för att användarna ska bli irriterade när systemet inte förstår eller kan tolka den felaktigt inmatade informationen.
Följ WCAG 2.1 nivå AA
Följ Web Content Accessibility Guidelines (WCAG) för att göra webbplatsen, innehållet och era tjänster tillgängliga för en bred mottagargrupp, inklusive personer med olika typer av funktionsnedsättningar. Detta maximerar värdet på de resurser ni lägger på webbutveckling och ökar samtidigt möjligheten för alla att delta i samhället på lika villkor.