Användbarhetsbokens innehåll

Hoppa direkt till:

Användbarhet
Boken
Användarorientering
Varumärke
Webbprofil
Grafisk design
Språk
Informationsdesign
Interaktionsdesign
Förtroende
Tillgänglighet
E-handel
Teknik

Användbarhet (Hela kapitlet Användbarhet)
- 1 De fyra dörrarna
- 2 Andra användbara modeller

Boken (Hela kapitlet Boken)
- 2.1 Använda Användbarhetsboken
- 2.2 Kravspecifikation
- 2.3 Är detta verkligen de bästa sätten?
- 2.4 På svenska
- 2.5 Om författaren

Användarorientering (Hela kapitlet Användarorientering)
- 3 Snabbkurs
- 4 Från idé till daglig rutin
- 5 Vad skall göras?
- 6 Vem är användaren?
  - 6.1 Vad är användarens mål?
- 7 Utformning
  - 7.1 Vision
  - 7.2 Design
  - 7.3 Utvärdering
  - 7.4 Återkoppling
- 8 Uppföljning
  - 8.1 Produktion, sluttest och lansering
  - 8.2 När projektet är klart
- 9 Webbplatsen skall svara på användarens frågor

Varumärke (Hela kapitlet Varumärke)

Webbprofil (Hela kapitlet Webbprofil)
- 10 Skelett till en webbprofil

Grafisk design / Se (Hela kapitlet Grafisk design / Se)
- 11 Formens funktion
  - 11.1.1 Var relevant, undvik dekorationer
  - 11.1.2 Låt formgivningen hålla samman webbplatsen
- 12 Typografi och läsbarhet
  - 12.1 Textstorlek
    - 12.1.1 Använd mått som ger användaren kontroll över textstorleken - och aldrig liten text
    - 12.1.2 Ge användaren färdiga alternativ att välja mellan
    - 12.1.3 Sidorna måste vara användbara även när användaren ställer in en större textstorlek
    - 12.1.4 Sidorna bör se bra ut även när användaren ställer in en större textstorlek
  - 12.2 Typsnitt
    - 12.2.1 Använd ett lättläst typsnitt för den löpande texten
    - 12.2.2 Låt användaren själv ställa in typsnittet
    - 12.2.3 Ge användaren färdiga typsnittsalternativ att välja mellan
  - 12.3 Radavstånd
    - 12.3.1 Använd ett radavstånd som underlättar läsning
    - 12.3.2 Avståndet mellan punkter skall vara större än radavståndet
  - 12.4 Spaltbredd
    - 12.4.1 Släpp spaltbredden fri
    - 12.4.2 Gör spalten 50-70 tecken bred
    - 12.4.3 Ge spalten en mini- och en maxbredd
    - 12.4.4 Lämna luft till höger och vänster om texten
  - 12.5 Textjustering
    - 12.5.1 Centrera eller högerjustera inte text
    - 12.5.2 Marginaljustera aldrig text
  - 12.6 Rubriker
    - 12.6.1 Gör rubriken som text
- 13 Bilder
  - 13.1.1 Använd bilder
  - 13.1.2 Stäng av Internet Explorers bildverktyg
  - 13.2 Bildtexter
    - 13.2.1 Ge bilden en bildtext
    - 13.2.2 Ange vem som skapat bilden
  - 13.3 alt & longdesc - texter för dem som inte ser bilder
    - 13.3.1 Bilder skall ha alt-text
    - 13.3.2 När alt-texten inte räcker, komplettera med longdesc
    - 13.3.3 Använd inte alt-text i små bilder som hjälptext för synskadade
  - 13.4 title - hjälptexter, bonusinformation och tips
    - 13.4.1 Ge hjälptexter, tips och bonusinformation med title
    - 13.4.2 Alla bilder som har alt skall också ha title
  - 13.5 Tumnagel
    - 13.5.1 Låt stora bilder representeras av små bilder
    - 13.5.2 Använd en kombination av beskärning och förminskning för att skapa tumnaglar
- 14 Luft
  - 14.1.1 Basera inte formgivningen på stora bilder och luft
- 15 Färg
  - 15.1.1 Det får inte vara nödvändigt att kunna skilja mellan olika färger
  - 15.1.2 Gör kontrasten mellan text och bakgrund tydlig
  - 15.1.3 Gör kontrasten i bilder tydlig
  - 15.1.4 Färgspråket måste tåla stora variationer hos färgerna
  - 15.2 Textfärg
  - 15.3 Webbsäkra färger
- 16 Symboler
  - 16.1.1 Komplettera symboler med text
  - 16.1.2 Använd symboler på ett konsekvent sätt
  - 16.1.3 Ge symboler en konsekvent stil
- 17 Logotyp
  - 17.1.1 Gör versioner av logotypen speciellt för webben
  - 17.2 Sajtikon
    - 17.2.1 Ge webbplatsen en sajtikon
- 18 Animationer
  - 18.1.1 Använd inte blinkningar som kan utlösa epileptiska anfall
  - 18.1.2 Undvik animationer intill text
  - 18.1.3 Kör animationen en begränsad tid
  - 18.1.4 Använd inte animation för att fånga uppmärksamhet
- 19 Multimedia
  - 19.1.1 Starta inte multimediepresentationer automatiskt
  - 19.1.2 Ge användaren möjlighet att stoppa multimediepresentationer
  - 19.1.3 Multimedia skall vara lika tillgängligt som annat innehåll
  - 19.1.4 Använd multimedieformat som har fria läsprogram för olika sorters datorer
  - 19.1.5 Använd multimedia för att förklara, förmedla och roa
  - 19.2 Video, presentationer och annat rörligt
    - 19.2.1 Gör det möjligt för den som inte kan se att ändå ta del av innehåll, funktion och upplevelse i visuell multimedia
  - 19.3 Ljud
    - 19.3.1 Gör det möjligt för den som inte kan höra att ändå ta del av innehåll i ljud
    - 19.3.2 Var återhållsam med ljud på webbplatsen
    - 19.3.3 Spela inte samma ljud upprepade gånger
- 20 Webbsidan
  - 20.1 Hjälp ögat
  - 20.2 Ingångssidan
  - 20.3 Sidans delar
    - 20.3.1 Placera sidans delar där användarna brukar titta efter dem
    - 20.3.2 Bädda med kringmaterial och luft i botten av sidan så att page down och ankare fungerar som ögat väntar sig
- 21 Skärmstorlek
  - 21.1.1 Gör inga antaganden om skärmens eller fönstrets storlek
  - 21.1.2 Gör inte sidorna bredare än 760 pixlar
  - 21.1.3 Lägg viktigt innehåll ovanför vecket
- 22 Ramar (frames)
  - 22.1.1 Undvik att använda ramar
  - 22.2 Tillgängliga ramar
    - 22.2.1 Döp ramarna
    - 22.2.2 Använd inte ramar för layout
    - 22.2.3 Ge alternativ text för webbläsare som inte klarar ramar
- 23 Utskrift
  - 23.1.1 Gör sidorna enkla att skriva ut
  - 23.1.2 Ge utskriften en egen layout och anpassa innehållet
- 24 Förhållande till andra sorters design

Språk / Läsa (Hela kapitlet Språk / Läsa)
- 25 Tilltal
  - 25.1.1 Välj tilltalet på webbplatsen utifrån målgruppen, inte utifrån er interna kultur
  - 25.1.2 Var konsekvent i tilltalet
  - 25.1.3 Bestäm om webbplatsen talar med användarens, avsändarens eller en neutral röst
- 26 Läsvänlighet
  - 26.1.1 Skriv så enkelt som möjligt
  - 26.1.2 Skriv det viktigaste först
  - 26.1.3 Använd en stilguide
  - 26.1.4 Språkgranska texter
  - 26.1.5 Kontrollera stavning och grammatik
  - 26.1.6 Kontrollera alltid om något redan fått ett ord, innan du hittar på ett eget
  - 26.1.7 Förklara förkortningar
  - 26.1.8 Formulera rubrikerna så att de är begripliga även när de läses fristående från den övriga texten
  - 26.2 Skrivråd
    - 26.2.1 Välj rätt mellan singular och plural
    - 26.2.2 Var lagom exakt
    - 26.2.3 Var återhållsam med kursiv text och versaler
    - 26.2.4 Låt inte förkortningar eller tal avdelas
    - 26.2.5 Använd typografiskt korrekta tecken
    - 26.2.6 Skriv datum i klartext
    - 26.2.7 Skriv datum med korrekt ordningsföljd
    - 26.2.8 Närliggande datum bör skrivas med relativa tidsord
    - 26.2.9 Skriv inte närliggande klockslag med relativa tidsord
    - 26.2.10 Använd relativa tidsord när tidsavståndet är intressantare än tidpunkten
- 27 Webbplatser på flera språk
  - 27.1.1 Använd målspråket eller flaggor för att länka till ett annat språk
  - 27.1.2 Koppla samman olika språkversioner i koden
  - 27.1.3 Använd inte automatiskt språkval
  - 27.1.4 Översätt inte bara texten utan anpassa även innehållet
- 28 Användare som har svårt att läsa svenska
  - 28.1.1 Skriv information och instruktioner på lättläst och gärna även på andra språk
- 29 Språkets förhållande till designen

Informationsdesign / Hitta (Hela kapitlet Informationsdesign / Hitta)
- 30 Användare hittar på många olika sätt
- 31 Navigationen hjälper användaren rita en karta i sitt huvud
  - 31.1 Bunta ihop och döpa
  - 31.2 Struktur och navigation
- 32 Navigation
  - 32.1 Navigationens byggstenar
  - 32.2 Navigationsformer
  - 32.3 Länk
    - 32.3.1 Gör det tydligt vart länken leder
    - 32.3.2 Låt inte identiskt formulerade länkar leda olika
    - 32.3.3 Använd title för att ge mer information i länken
    - 32.3.4 Låt inte title duplicera länktexten
    - 32.3.5 Var återhållsam med uppmaningar
    - 32.3.6 Markera om länken inte går till en webbsida
    - 32.3.7 Skriv ut dokumentstorleken för stora dokument bredvid länken
    - 32.3.8 Stryk aldrig under text som inte är länkad
    - 32.3.9 Stryk under text som är länkad
    - 32.3.10 Länken bör reagera när pekaren förs över den
    - 32.3.11 Använd inte blått eller lila som färg på text som inte är länkad
    - 32.3.12 Besökta och obesökta länkar skall ha olika färg
    - 32.3.13 Gör inte den klickbara ytan för liten
    - 32.3.14 Ge text med title streckad understrykning
    - 32.3.15 Låt inte knappar fungera som länkar eller länkar som knappar
    - 32.3.16 Rensa regelbundet webbplatsen från brustna länkar
    - 32.3.17 Spara en egen kopia av viktiga webbsidor som du länkar till
  - 32.4 Länkar till ingångssidan
    - 32.4.1 Besökaren skall kunna ta sig direkt till ingångssidan från alla sidor, via logotypen och en textlänk
    - 32.4.2 Har webbplatsen innehållsförteckning eller sakregister skall det finnas en länk dit från varje sida
  - 32.5 Länk till nästa sida
    - 32.5.1 Låt användaren gå direkt till nästa sida
    - 32.5.2 Placera alltid 'nästa sida'-länken på samma ställe på sidan
    - 32.5.3 Låt användaren gå direkt till föregående sida
    - 32.5.4 Var återhållsam med länkar till den första och den sista av sidorna
  - 32.6 Läs mer-länkar
    - 32.6.1 Länka till likartade saker
  - 32.7 Klickbar bild
    - 32.7.1 Låt ramen runt klickbara bilder vara kvar
  - 32.8 Multiklickbar bild (image map)
    - 32.8.1 Lägg bildkartan på användarens dator, inte på servern
    - 32.8.2 Ge områdena i en multiklickbar bild förklarande texter
  - 32.9 Meny
    - 32.9.1 Länkar i menyer behöver inte vara understrukna
    - 32.9.2 Markera i menyn vilken sida man befinner sig på
    - 32.9.3 Gruppera menylänkar som hör samman
    - 32.9.4 Gör menyer med text, inte med bilder
    - 32.9.5 Bygg menyer som tål att växa i
    - 32.9.6 Ge plats för långa länkar i menyn
    - 32.9.7 Menyer får inte vara tomma och bör bestå av fler än en länk
    - 32.9.8 Gör hela området runt en menylänk klickbart
    - 32.9.9 Använd användarspråk i menyerna
    - 32.9.10 Menylänkarna bör vara ömsesidigt uteslutande
  - 32.10 Global meny
  - 32.11 Hjälpmeny
  - 32.12 Flikar (tabs)
    - 32.12.1 När man går från en flik till en annan i ett formulär skall inte inmatningar gå förlorade
  - 32.13 Rullgardinsmeny
    - 32.13.1 Rullgardinsmenyer på webben bör fungera som vanliga datormenyer
  - 32.14 Valboxmeny
    - 32.14.1 Valboxmenyer måste kunna användas utan mus
  - 32.15 Förteckning
    - 32.15.1 Kombinera menyer och förteckningar - men var varsam i övergången
    - 32.15.2 En sida som nås genom en förteckning måste ha en tydlig länk tillbaka till denna
    - 32.15.3 Kombinera förteckningar med 'nästa sida'-länkar
    - 32.15.4 Använd förteckningar för att göra navigationen tillgängligare
    - 32.15.5 Förteckningar får inte vara tomma
  - 32.16 Index-sida och introduktion
  - 32.17 Löpsedel
    - 32.17.1 Koncentrera löpsedeln till det väsentliga
    - 32.17.2 Sortera löpsedeln i tidsordning - men gör undantag för viktiga saker
    - 32.17.3 Länken från puffen skall innehålla rubriken
    - 32.17.4 Ge puffnotisen en bestående webbadress
    - 32.17.5 Markera nytillkomna puffnotiser
  - 32.18 Innehållsförteckning
    - 32.18.1 Gör en innehållsförteckning
    - 32.18.2 Lägg innehållsförteckningen i botten av varje sida
  - 32.19 Sakregister
    - 32.19.1 Ge webbplatsen ett sakregister
  - 32.20 Synlig sökväg (brödsmulor)
    - 32.20.1 Den aktuella sidan bör synas i den synliga sökvägen
    - 32.20.2 Sidor som är placerade på flera ställen, bör bara visa en sökväg
    - 32.20.3 Använd inte HTML-text för att skilja länkarna i sökvägen åt
    - 32.20.4 Undvik stigsökvägar
  - 32.21 Framstegsindikator
    - 32.21.1 Visa hur långt användaren kommit och hur långt hon har kvar
- 33 Navigationens tema
  - 33.1 Temalöst
    - 33.1.1 Om antalet alternativ är fler än fem, försök hitta ett tema för navigationen
    - 33.1.2 Gör hellre flera renodlade navigationer än en samlad
  - 33.2 Association
  - 33.3 Modell
  - 33.4 Ämne eller kategori
    - 33.4.1 Om det inte är självklart var något hör hemma, ge det flera placeringar
    - 33.4.2 Välj huvudämne utifrån ambitionsnivå
  - 33.5 Målgrupp eller livssituation
    - 33.5.1 Låt inte antalet livssituationer bli oöverskådligt
  - 33.6 Uppgift eller mål
    - 33.6.1 Om antalet mål eller uppgifter är stort, kombinera med ett annat tema
  - 33.7 Organisation
    - 33.7.1 Ordna inte webbplatsen utifrån den egna organisationen (om inte användarna har god kännedom om den)
  - 33.8 Egenskap
  - 33.9 Tid
    - 33.9.1 Bestäm om det är innehållets tid eller sidans tid som används
    - 33.9.2 Använd sidans tid för att visa det som är nytt men innehållets tid när gammalt skall hittas
    - 33.9.3 Bestäm vilken av sidans tider som används
    - 33.9.4 Hantera kontinuerliga tider
    - 33.9.5 Strukturera tid efter användarens dygn, inte efter klockan
    - 33.9.6 Använd puffnotiserna för att bygga en tidsnavigation
  - 33.10 Rubrik
  - 33.11 Författare eller källa
    - 33.11.1 Gör det lätt att hitta mer av samma författare
    - 33.11.2 Gör det enkelt för användaren att hitta sig själva
  - 33.12 Språk
  - 33.13 Genre
  - 33.14 Funktion
  - 33.15 Geografi
  - 33.16 Fysiska egenskaper & pris
  - 33.17 Bild
  - 33.18 Berättelse
    - 33.18.1 När det finns en naturlig eller pedagogisk läsordning i innehållet, strukturera navigationen enligt denna
  - 33.19 Metafor
    - 33.19.1 Använd inte metaforer för att organisera webbplatsen
  - 33.20 Social navigation
    - 33.20.1 Undvik cirkelpopularitet
  - 33.21 Vikt
    - 33.21.1 Navigation byggd på hur viktigt något är för avsändaren bör vara begriplig för användaren
  - 33.22 Användarens historia
  - 33.23 Sökning
  - 33.24 Kombinerade teman
- 34 Sortering
  - 34.1 Alfabete
    - 34.1.1 Sortera det som är relevant
    - 34.1.2 Människor skall sorteras på efternamn
    - 34.1.3 Följ språkets sorteringsregler
  - 34.2 Tid
    - 34.2.1 Sortera datum i datumordning
    - 34.2.2 Det som skall läsas eller hittas bör sorteras i normal tidsordning, nyheter i omvänd
  - 34.3 Nummer
    - 34.3.1 Sortera nummer i nummerordning
  - 34.4 Rang
    - 34.4.1 Visa inte relevans eller andra rangmått för användaren
  - 34.5 Förteckning
  - 34.6 Slump
  - 34.7 Databas(o)ordning
    - 34.7.1 Låt aldrig databasordningen styra
- 35 Urval
  - 35.1.1 Ge ett urval för att visa vad en bunt innehåller och för att stimulera upptäckarlust
  - 35.1.2 Om materialet i sin helhet är för stort, gör ett urval
- 36 Topologi
  - 36.1 Nät
  - 36.2 Träd
    - 36.2.1 Gör hellre trädet brett än djupt
  - 36.3 Bok
    - 36.3.1 Led inte användaren runt i cirkel
    - 36.3.2 Styr användarens upplevelse med ett bildspel
    - 36.3.3 Låt aldrig ett bildspel vara vägen in till webbplatsen
  - 36.4 Sökning
  - 36.5 Flera topologier samtidigt
- 37 Bakåtknapp
  - 37.1.1 Låt bakåtknappen fungera
  - 37.1.2 Ändra inte sidorna på återfärden
- 38 Sökning
  - 38.1.1 Webbplatsen bör ha sökning
  - 38.2 Sökning utan konsekvens förvirrar
  - 38.3 Bättre sökfunktion
    - 38.3.1 Stavningskontrollera sökningen
    - 38.3.2 Sök även på synonymer
    - 38.3.3 Sökmotorn bör förstå böjningar
    - 38.3.4 Sökningen bör göras på hela ord
    - 38.3.5 Sökningen skall hitta sidor som innehåller minst ett av orden
    - 38.3.6 Sökningen skall göras i alla på webbplatsen förekommande dokumenttyper
    - 38.3.7 Sökmotorn skall klara av de speciella skrivsätt som är vanliga inom området
    - 38.3.8 Sökmotorn skall vara okänslig för accenter och inte skilja mellan versaler och gemener
  - 38.4 Bättre sökgränssnitt
    - 38.4.1 Gör sökningen åtkomlig från alla sidor
    - 38.4.2 Erbjud i första hand enkel sökning
    - 38.4.3 Ge användaren möjlighet att styra sökningen
    - 38.4.4 Sökningen bör ske på allt innehåll i webbplatsen
    - 38.4.5 Gör det möjligt att söka på en avgränsad del av webbplatsen
    - 38.4.6 Sök på ett språk i taget
  - 38.5 Presentera sökresultatet
    - 38.5.1 Ge sammanhang åt sökträffarna
    - 38.5.2 Upprepa sökorden
    - 38.5.3 Resultatsidan skall ha ett sökfält
    - 38.5.4 Var hjälpsam när sökningen inte ger några träffar
    - 38.5.5 Visa 50 träffar åt gången
    - 38.5.6 Förladda de bästa träffarna
    - 38.5.7 Visa bara väsentlig information i sökresultatet
    - 38.5.8 Visa träffarna i relevans- och/eller tidsordning
    - 38.5.9 Visa träffarna uppdelat på avdelningar
    - 38.5.10 Styr vissa sökningar till bestämda sidor
    - 38.5.11 Tipsa om andra webbplatser man kan söka på
- 39 Sökbarhet (sökmotoroptimering)
  - 39.1.1 Uppmärksamma söktjänsterna på att webbplatsen finns
  - 39.1.2 Varje sida bör handla om en sak
  - 39.1.3 Titel och rubrik bör innehålla de viktigaste orden
  - 39.1.4 Styr söktjänsterna till att söka i innehållet, inte i navigationen
  - 39.1.5 Styr söktjänsterna bort från sidor du inte vill ha sökta
  - 39.1.6 Märk länkar från användare så att söktjänster inte följer dem
- 40 Länkbarhet
  - 40.1.1 Ge varje stycke ett ankare
- 41 Metadata
  - 41.1.1 Webbsidor bör innehålla metadata
  - 41.2 Metariktningar
    - 41.2.1 Beskriv sidans relationer till andra sidor
- 42 Sidtitel
  - 42.1.1 Alla sidor skall ha en titel
  - 42.1.2 Sätt det särskiljande först i titeln
  - 42.1.3 Använd samma formulering för länk, titel, rubrik och puff
  - 42.1.4 Använd titeln för att berätta på vilken webbplats och var i denna sidan finns
  - 42.1.5 Berätta webbplatsens syfte i titeln
- 43 Webbadress (url)
  - 43.1.1 Webbadressen bör vara lätt att läsa och uttala
  - 43.1.2 Webbadressen bör spegla webbplatsens struktur
  - 43.1.3 Ge populära sidor en enklare webbadress
  - 43.1.4 Låt aldrig en webbadress sluta fungera
  - 43.1.5 Webbadressen bör inte vara teknikberoende
  - 43.1.6 Webbadressen bör inte innehålla sessionsidentitet
  - 43.2 Domännamn
    - 43.2.1 Domännamnet bör vara enkelt att komma ihåg eller lista ut
    - 43.2.2 Webbadressen skall fungera både med och utan "www"
- 44 Prenumeration via RSS och e-post
  - 44.1.1 Låt användarna prenumerera på webbplatsen
- 45 Navigation inom sidan
  - 45.1.1 Länka till sidans topp
  - 45.1.2 Ge långa sidor en sidinnehållsförteckning
  - 45.1.3 Gör tabbordningen logisk och förutsebar
  - 45.2 Kortkommandon
    - 45.2.1 Viktiga funktioner och sidor skall kunna nås med kortkommandon
  - 45.3 Genvägar på sidan
    - 45.3.1 Bygg in genvägar så att synskadade användare snabbt kan ta sig runt på sidan
- 46 Innehåll som sträcker sig över flera sidor
  - 46.1.1 Gör hellre långa sidor än uppdelade
  - 46.2 Navigation för uppdelat innehåll
    - 46.2.1 Gör det enkelt att gå mellan det uppdelade innehållets sidor
    - 46.2.2 Gör det tydligt hur delar och helhet hänger samman
- 47 Navigation mellan flera webbplatser
  - 47.1.1 Se alla webbinitiativ samlat
- 48 Webbplatsens storlek
  - 48.1.1 Väg värdet av nytt material mot den ökade komplexitet det orsakar
- 49 Inaktuellt innehåll
  - 49.1.1 Rensa bort inaktuella sidor
  - 49.2 När inaktuellt innehåll rensas ut
    - 49.2.1 Ta inte bort sidor utan att förklara vad som hänt
  - 49.3 När inaktuellt innehåll finns kvar på webbplatsen
    - 49.3.1 Markera tydligt sidor som är inaktuella och länka till nyare
    - 49.3.2 Normal sökning skall inte omfatta sidor som inte längre är giltiga
    - 49.3.3 Låt webbadressen gå till den aktuellaste versionen
  - 49.4 Arkiv
    - 49.4.1 Samla gamla (och nya) sidor i ett arkiv
  - 49.5 Rättelser
    - 49.5.1 Dokumentera och redovisa rättelser och ändringar
  - 49.6 Versioner
    - 49.6.1 Bevara äldre versioner av sidor
- 50 Listor
  - 50.1.1 Använd listkod för att skapa listor
  - 50.2 Olika sätt att ordna en lista
    - 50.2.1 Sortera listor
    - 50.2.2 Låt användaren välja mellan olika sorteringar
  - 50.3 Navigation i listor
    - 50.3.1 Ge långa listor navigation
    - 50.3.2 Gör det möjligt att se hela listan
  - 50.4 Listor utan något innehåll
    - 50.4.1 Presentera tomma listor på ett vettigt sätt
- 51 Tabeller
  - 51.1.1 Tabeller skall konstrueras så att de är begripliga även när de läses upp som löpande text
  - 51.1.2 Ge datatabeller en etikett
  - 51.1.3 Ge datatabeller en sammanfattning
  - 51.1.4 Gör tydliga rader och kolumner
  - 51.1.5 Koppla datatabellens rader och kolumner till sina rubriker
  - 51.1.6 Koda långa datatabeller så att de fungerar vid utskrift
  - 51.1.7 Använd inte tabeller för layout

Interaktionsdesign / Använda (Hela kapitlet Interaktionsdesign / Använda)
- 52 Formulär
  - 52.1 Kontroller
    - 52.1.1 Använd inte grått som bakgrundsfärg för kontroller
  - 52.2 Kryssruta
  - 52.3 Radioknapp
    - 52.3.1 Radioknappar bör ha ett förval
    - 52.3.2 Gör radioknappsgrupperna tydliga
  - 52.4 Valbox
    - 52.4.1 Håll valboxens alternativ korta, distinkta och inled med det som är mest relevant
    - 52.4.2 Valboxar där inget alternativ skall vara förvalt kan inledas med en instruktion
    - 52.4.3 Be inte användaren välja flera alternativ ur en valbox
    - 52.4.4 Undvik långa valboxar
    - 52.4.5 Gruppera och etikettera alternativen
    - 52.4.6 Lägg populära alternativ först i långa valboxar
  - 52.5 Vallista
  - 52.6 Textfält
    - 52.6.1 Begränsa inte hur mycket text som kan skrivas in
    - 52.6.2 Anpassa textfältets storlek till det förväntade svaret
    - 52.6.3 Döp textfältet så att webbläsaren kan föreslå innehåll
  - 52.7 Flerradiga textfält
  - 52.8 Lösenordsfält
    - 52.8.1 Slå av minnesfunktionen på lösenordsfältet
  - 52.9 Knapp
    - 52.9.1 Knapptext bör inte göras som bild
    - 52.9.2 Om knappen görs av en bild, skall den ha alt-text
    - 52.9.3 Knappar skall se ut som knappar
  - 52.10 Skicka-knapp
    - 52.10.1 Döp skicka-knappen efter vad den gör
    - 52.10.2 Låt inte upprepade klick på skicka-knappen leda till dubblerad inmatning
    - 52.10.3 Ersätt inte skicka-knappen med javascript
  - 52.11 Rensa-knapp
    - 52.11.1 Sätt aldrig ut rensa-knappen om formuläret från början är tomt
    - 52.11.2 Rensa-knappen bör sättas ut om formuläret är förifyllt
  - 52.12 Avbryt-knapp
  - 52.13 Aktionsknapp
    - 52.13.1 Låt de knappar som driver processen framåt synas extra
  - 52.14 Länk
    - 52.14.1 Undvik länkar i formulär
  - 52.15 Uppladdning av dokument
    - 52.15.1 Gör uppladdningskontrollen pedagogiskt tydligt
    - 52.15.2 Presentera det uppladdade dokumentet så att användaren har kontroll över det
  - 52.16 Etiketter och instruktioner
    - 52.16.1 Koppla samman etikett och kontroll
    - 52.16.2 Sätt inte etikett eller instruktioner inuti textfält
    - 52.16.3 Komplettera kontrollen med instruktioner
    - 52.16.4 Ge exempel hellre än mönster
    - 52.16.5 Koppla samman kontroll och instruktioner
  - 52.17 Grafisk design av formulär
    - 52.17.1 Formulärets arbetsriktning skall vara från vänster till höger, uppifrån och ner
    - 52.17.2 Använd inte för många olika sorters kontroller
    - 52.17.3 Håll raka vänsterkanter
    - 52.17.4 Gruppera och namnge formulärets delar
    - 52.17.5 Gör kontroller inaktiva när de inte är meningsfulla
    - 52.17.6 Högerjustera och avrunda numeriska fält
  - 52.18 Obligatoriska uppgifter
    - 52.18.1 Markera tydligt vilka kontroller som är obligatoriska
    - 52.18.2 Tvinga inte användaren fylla i uppgifter hon inte har eller inte vill ge
  - 52.19 Kontroll av inmatade uppgifter
    - 52.19.1 Fria hellre än fäll vid kontroll av inmatade uppgifter
    - 52.19.2 Tillåt mellanslag, snedstreck, plustecken och liknande tecken i nummer
    - 52.19.3 När det blivit fel i formuläret, visa tydligt var och hjälp användaren göra rätt
    - 52.19.4 Koppla samman kontroll och felmeddelande
    - 52.19.5 Hjälp användaren rätta felet
    - 52.19.6 Använd javascript för att kontrollera inmatningen medan den sker
  - 52.20 Formulär trivs inte med navigation
    - 52.20.1 Gör en tunnel som hindrar att användaren av misstag lämnar ett formulär
    - 52.20.2 Fånga användaren om hon lämnar ett påbörjat formulär
  - 52.21 Flersidiga formulär
    - 52.21.1 Undvik att dela upp formulär
  - 52.22 Välj rätt kontroller
    - 52.22.1 Dela inte upp inskrivningen av uppgifter som hänger samman
  - 52.23 Välj rätt flervalskontroll
    - 52.23.1 När det finns ett eller inget alternativ, skall kontrollen anpassas till detta
- 53 Webbapplikationer
  - 53.1 Några vanliga sätt att ordna webbapplikationer
  - 53.2 Guide
    - 53.2.1 Om processen görs ofta och av vana användare, tillhandahåll ett alternativ till guiden
    - 53.2.2 Skydda användaren mot att av misstag lämna guiden
    - 53.2.3 Låt användaren avbryta
    - 53.2.4 Låt användaren gå tillbaka och ändra sina inmatningar
    - 53.2.5 Låt användaren ändra direkt från sammanställningen
  - 53.3 Hjul
    - 53.3.1 Skydda ekrarna med tunnlar
    - 53.3.2 Ekrar bör bara bestå av en sida
    - 53.3.3 Ekrarna skall vara oberoende av varandra
  - 53.4 Piruett
    - 53.4.1 Ge en tydlig signal att webbservern uppfattat ändringen
  - 53.5 Utan återvändo
    - 53.5.1 Uppmärksamma användaren när en punkt utan återvändo är på väg att passeras
    - 53.5.2 Låt inte användaren backa förbi en punkt utan återvändo
    - 53.5.3 Undvik att ha punkter utan återvändo
  - 53.6 Myndigheters e-tjänster
    - 53.6.1 Följ myndigheternas mönster för e-tjänster
  - 53.7 Användarvänlighet och tillgänglighet
    - 53.7.1 Varje stycke information som användaren hanterar, skall vara möjlig för henne att skapa, hitta, läsa, ändra och ta bort
    - 53.7.2 Om användaren kan skapa något skall hon kunna kontrollera att det blev rätt och kunna ångra eller ändra det
    - 53.7.3 Be inte användare bekräfta sina handlingar utan gör det istället möjligt att ångra dem
    - 53.7.4 När användaren matar in komplex eller omfattande information bör hon kunna pausa och spara
  - 53.8 Webbapplikationer med multimediagränssnitt
- 54 Behörighet och identifiering
  - 54.1 Roll
  - 54.2 Kändhet
    - 54.2.1 Låt användaren skapa en signatur om hon inte vill visa sitt riktiga namn
  - 54.3 Session
    - 54.3.1 Kom ihåg användaren länge
  - 54.4 Autentisering (Inloggning)
    - 54.4.1 Låt användaren själv välja sitt användarnamn och lösenord
    - 54.4.2 Genererade lösenord bör skapas genom kombination av vanliga ord
    - 54.4.3 Genererade lösenord bör vara korta och inte bestå enbart av siffror
    - 54.4.4 Tvinga inte användaren att byta ut lösenordet med jämna mellanrum
    - 54.4.5 Gör lösenord okänsliga för skillnaden mellan gemener och versaler
    - 54.4.6 Gör det möjligt att byta användarnamn utan att förlora användarkontot
    - 54.4.7 E-posta aldrig lösenord som användaren själv formulerat
    - 54.4.8 Ge alternativa autentiseringsmetoder för användare som glömt sitt lösenord
    - 54.4.9 Spara autentiseringen från session till session
    - 54.4.10 Gör det lätt att bli glömd
    - 54.4.11 Begränsa varifrån man kan använda webbplatsen
    - 54.4.12 Autentisera inte innan eller mer än behörigheten kräver
    - 54.4.13 Säkra pengarna istället för användarens identitet
    - 54.4.14 Ge användaren ett sätt att logga ut
    - 54.4.15 Lita inte på att användaren loggar ut
  - 54.5 Användarkonto
    - 54.5.1 När registreringen är klar, för användaren tillbaka
    - 54.5.2 Efter registreringen bör användaren vara inloggad
    - 54.5.3 Rensa bort inaktiva användarkonton
  - 54.6 Att skilja på människor och maskiner
    - 54.6.1 Hindra spamrobotar från att bidra med innehåll
    - 54.6.2 Använd inte visuella tester för att skilja människa och maskin
  - 54.7 Säkerhet och användarvänlighet
- 55 Kakor (cookies)
  - 55.1.1 Berätta hur webbplatsen använder permanenta kakor
  - 55.1.2 Mjuklanda användare som inte tar emot kakor
- 56 Felhantering
  - 56.1.1 Ge artiga och begripliga felmeddelanden
  - 56.1.2 Ge inte felaktiga eller förvirrande felmeddelanden
  - 56.1.3 Gör det lätt att ta sig vidare om sidan inte finns
  - 56.1.4 Gör det lätt att ta sig vidare för användare som inte har behörighet att se sidan
- 57 Nytt fönster
  - 57.1.1 Undvik att öppna nya fönster
  - 57.1.2 Ett fönster som återanvänds måste vara synligt
  - 57.1.3 Förvarna om att ett nytt fönster kommer att öppnas, och ge en tydlig väg tillbaka
  - 57.1.4 Öppna aldrig ett nytt fönster från en annan domän
  - 57.2 Webbläsarens gränssnitt
    - 57.2.1 Ta inte bort webbläsarens kontroller
  - 57.3 Nya fönster som användaren öppnar
    - 57.3.1 Tillåt att användaren öppnar nya fönster
- 58 Tidsstyrning
  - 58.1.1 Låt användaren stänga av automatisk omladdning av sidor
- 59 Hastighet
  - 59.1.1 Låt det inte ta mer än tio sekunder att börja använda sidan
  - 59.1.2 Ladda viktiga delar av sidan först
  - 59.1.3 Webbservern skall leverera sidan snabbt
  - 59.1.4 Förladda sidor som användaren sannolikt går vidare till
  - 59.1.5 Förbered webbplatsen för extrema belastningar
  - 59.1.6 Prioritera användbarhet högre än snabbhet

Förtroende (Hela kapitlet Förtroende)
- 60 Tydlig avsändare
  - 60.1.1 Det skall tydligt framgå vem som är utgivare till webbplatsen
  - 60.1.2 Gör det lätt att komma i kontakt med organisationen som står bakom webbplatsen
  - 60.1.3 Webbplatsens syfte bör vara tydligt
  - 60.1.4 Ange vem som är ansvarig för webbplatsen
  - 60.1.5 Ange vem som är ansvarig för sidan
  - 60.1.6 Framhäv personen bakom informationen
- 61 Felfritt
  - 61.1.1 Kontrollera regelbundet att innehållet stämmer och fungerar
  - 61.1.2 Kontrollera regelbundet att länkar fungerar
  - 61.1.3 Publicera bara sådant som du står bakom
  - 61.1.4 Granska regelbundet innehåll som användarna skapar
- 62 Aktuellt och relevant
  - 62.1.1 Ange hur aktuell sidan är
  - 62.1.2 Bara giltig och relevant information skall finnas direkt tillgänglig på webbplatsen
- 63 Respektera och skydda användarens integritet
  - 63.1.1 Berätta vad uppgifter du ber om skall användas till
  - 63.1.2 Skydda användarens uppgifter - och berätta hur
  - 63.1.3 Fråga bara efter det du behöver veta
  - 63.1.4 Fråga inte om du redan vet
  - 63.1.5 Använd en säker förbindelse när känslig information hanteras

Tillgänglighet (Hela kapitlet Tillgänglighet)
- 64 Webbläsare för funktionshindrade
- 65 WCAG - standard för tillgänglighet
  - 65.1 WCAG:s riktlinjer och riktpunkter
  - 65.2 Tillgänglighetstester
- 66 Andra sätt att förbättra tillgängligheten
  - 66.1.1 Låt användaren anpassa webbplatsen till sina behov
  - 66.1.2 Separera navigationen från sidan
  - 66.1.3 Presentera innehållet i flera olika former anpassade till olika användargrupper

E-handel (Hela kapitlet E-handel)
- 67 Snabbköpet - standardiserade produkter
- 68 Från köplust till köpbeslut
  - 68.1 Letar
    - 68.1.1 Ge användare som vet vad de vill ha snabba vägar dit
    - 68.1.2 Vägled osäkra användare
    - 68.1.3 Gör det lätt att hitta och länka till produkter
    - 68.1.4 Minns återkommande beställningar
    - 68.1.5 Om produkten utgått ur sortimentet, hänvisa till en annan
  - 68.2 Värderar
    - 68.2.1 Ge en heltäckande bild av produkten
    - 68.2.2 Om produkterna är enkla, samla flera på samma sida
    - 68.2.3 Ge en så fysisk upplevelse av produkten som möjligt
    - 68.2.4 Låt användaren göra komplexa val steg för steg
  - 68.3 Jämför
    - 68.3.1 Ordna navigationen så användaren enkelt kan bläddra mellan olika närliggande alternativ
    - 68.3.2 Gör det lätt att gå tillbaka till en produkt man tidigare besökt
    - 68.3.3 Låt användaren vandra i kundvagnen
    - 68.3.4 Låt användaren skapa jämförelsetabeller
    - 68.3.5 Ge både snabba och djupa jämförelser
    - 68.3.6 Recensera produkterna
    - 68.3.7 Gör det lätt att skriva ut produktbeskrivningen
  - 68.4 Köpbeslut
    - 68.4.1 Döp köpknappen till "Lägg i kundvagnen" eller "Köp"
    - 68.4.2 Gör köpknappen framträdande
    - 68.4.3 Ge en tydlig respons när användaren klickar på köpknappen
    - 68.4.4 När användaren gjort sitt köp, visa vad hon gjort och passa på att sälja mer
    - 68.4.5 Om användaren köper en produkt som redan finns i kundvagnen, varna henne
    - 68.4.6 Ta inte tillbaka det som lovats ut
- 69 Kundvagn
  - 69.1.1 Döp kundvagnen till "kundvagn" eller "varukorg"
  - 69.1.2 Gör kundvagnen åtkomlig från alla butikssidor
  - 69.1.3 Visa kundvagnen på alla butikssidor
  - 69.1.4 Visa väsentliga uppgifter om innehållet i kundvagnen
  - 69.1.5 Gör det lätt att ändra antalet av en produkt eller ta bort den helt
  - 69.1.6 Sortera kundvagnen i den ordning saker lagts i den
  - 69.1.7 Släng inte kundvagnen bara för att användaren tar en paus
  - 69.1.8 Låt användaren spara produkter
  - 69.1.9 Låt användaren skapa önskelistor
  - 69.1.10 Låt användaren göra om kundvagnen till en offert
- 70 Kassan
  - 70.1 Enkel kassa
  - 70.2 Flersidiga kassor
  - 70.3 Kassa med inloggning
    - 70.3.1 Låt användaren välja mellan att vara gäst och inloggad
    - 70.3.2 Spara användarens adress - men be henne bekräfta den innan den används igen
    - 70.3.3 Om inte hela ordern kan skickas på en gång, låt användaren välja om hon vill ha delleveranser eller vänta
    - 70.3.4 Gör en sammanställning av ordern
    - 70.3.5 När affären är genomförd, bekräfta med ett kvitto
    - 70.3.6 Skicka kvittot även som e-post
  - 70.4 Kassa där sammanställning och betalning slagits samman
  - 70.5 Kassa där betalningsinformation sparas tillsammans med adressen
  - 70.6 Förenklade kassaprocesser
- 71 Resebyrån - anpassade produkter
  - 71.1.1 Gör det lätt för användaren att välja
  - 71.1.2 Erbjud en eller några färdiga konfigurationer, som användaren kan ändra
- 72 Reservation
  - 72.1.1 Var artig när en reservation tas tillbaka
- 73 Betalning
  - 73.1 Betalning med kreditkort
    - 73.1.1 Återanvänd inte användarens kreditkortsnummer
    - 73.1.2 Spara användarens kreditkortsnummer, men kolla innan det används igen
  - 73.2 Betalning via internetbank eller e-faktura
  - 73.3 Betalning via faktura
    - 73.3.1 Låt användaren lägga till egen text på faktura
  - 73.4 Rabatter och betalning med presentkort
    - 73.4.1 Be om rabattkoder och liknande så tidigt som möjligt
- 74 Gåvor
  - 74.1.1 Gör det möjligt att sända gåvor
- 75 Orderstatus och paketspårning
  - 75.1.1 Låt användaren följa sin order
  - 75.1.2 Låt användaren ändra sin order
- 76 Orderhistorik
  - 76.1.1 Visa användarens orderhistorik
  - 76.1.2 Länka produktnamn i orderhistoriken till produkten
- 77 Returer
  - 77.1.1 Berätta hur man gör en retur

Teknik (Hela kapitlet Teknik)
- 78 HTML-kodning
  - 78.1.1 Följ HTML-standarden
  - 78.1.2 Använd den strikta varianten av HTML
  - 78.1.3 Använd inte nedgraderade delar av HTML
  - 78.1.4 Validera HTML-koden
  - 78.1.5 Använd HTML-element utifrån betydelse
  - 78.1.6 Gör HTML-koden så den fungerar även utan formatmallar
  - 78.1.7 Använd inte HTML-text som symboler, pilar eller bilder
  - 78.1.8 Markera i HTML-koden vilket språk som används
  - 78.1.9 Använd webbservern, inte meta-taggar, för att eftersända
- 79 Formatmallar
  - 79.1.1 Använd formatmallar
  - 79.1.2 Döp formatmallarna efter betydelse, inte efter utseende
  - 79.1.3 Följ formatmallsstandarden
  - 79.1.4 Validera formatmallarna
  - 79.2 Formatmallar för skärmläsare
    - 79.2.1 Ge skärmläsare egna formatmallar
    - 79.2.2 Styr skärmläsarens röst med akustiska formatmallar
- 80 Javascript
  - 80.1 Fyra förhållningssätt
    - 80.1.1 Använd javascript, men gör information och funktion tillgängliga även på andra sätt
    - 80.1.2 Använd javascript endast till ickeväsentliga funktioner
    - 80.1.3 Använd javascript, och ge alternativa vägar till innehåll och funktion bara om det är rimligt enkelt
    - 80.1.4 Använd inte javascript
  - 80.2 Tillgängligare javascript
    - 80.2.1 Använd formatmallar istället för javascript
    - 80.2.2 Använd inte javascript som förutsätter att användaren har mus
    - 80.2.3 Ändra inte innehåll på sidan utan att ge användaren en möjlighet att bli uppmärksammad på detta
    - 80.2.4 Flytta inte fokus
    - 80.2.5 Använd händelsehanterare för att koppla javascript till länkar och formulär
    - 80.2.6 Ge en alternativ text för webbläsare som inte klarar javascript
    - 80.2.7 Använd den standardiserade dokumentobjektmodellen
- 81 Bildformat
  - 81.1.1 Använd PNG för diagram och teckningar
  - 81.1.2 Använd JPEG för foton
- 82 Webbläsare
  - 82.1 Anpassning till webbläsare
    - 82.1.1 Gör webbplatsen så att den är användbar med alla webbläsare
    - 82.1.2 Testa webbplatsen med de viktiga webbläsarna
- 83 PDF och andra dokumenttyper
  - 83.1.1 Använd HTML, inte PDF eller andra dokumenttyper
  - 83.1.2 Använd PDF som en tillgängligare alternativform av HTML-sidor
  - 83.1.3 Använd dokumenttyper som har fria läsprogram för olika sorters datorer
  - 83.1.4 Varje dokumenttyp skall ha en sida som presenterar den
  - 83.1.5 Sätt en HTML-sida som ingång till PDF och andra dokument
  - 83.1.6 PDF och andra dokument skall ha titel, metadata och tydligt filnamn
  - 83.1.7 Gör PDF och andra dokument tillgängliga
- 84 RSS