Riktlinjer

Antal matchande riktlinjer: 33.

Med hjälp av filtreringsfunktionen här intill kan du välja ut de riktlinjer som är mest relevanta för dig.

Prio WCAG Nr. Riktlinje Status
1 R24 Ange tydligt om viss information är inaktuell
  • Gör en hänvisning till mer aktuell information om det finns.
  • Använd inte enbart bild eller färg för att förmedla att informationen inaktuell. Det måste vara tydligt även i texten. Placera informationen tidigt i materialet och högt upp på sidan.
  • Säkerställ att er webbserver och ert publiceringsverktyg är korrekt konfigurerade så att de levererar rätt cache-instruktioner, för att minska risken att inaktuella versioner presenteras för användare. Se R54. Optimera webbplatsen för bästa prestanda.
  • Låt användarna själva välja om de vill få upp träffar även på inaktuellt material när de söker efter något på webbplatsen. Informera direkt i sökresultatet om någon träffpost är inaktuell.
1 R111 Anpassa webbplatsen även för små skärmar
  • Visa det viktigaste innehållet tidigt.
  • Anpassa innehållet till små skärmar.
  • Anpassa funktionaliteten till små skärmar.
  • Se till att tjänsten går att zooma.
  • Använd inte ramar.
  • Gör det enkelt att skapa bokmärke/genväg till webbplatsen.
DOS-krav 1.4.1 (A) R124 Använd inte enbart färg för att förmedla information
Komplettera betydelsebärande färgskillnader med någon annan synlig skillnad:
  • Ikoner eller liknande grafiska element kan ibland passa som komplement till färgskillnader.
  • Färgskillnader mellan textelement kan kompletteras med understrykning, ram, fetstil, kursivering eller annat teckensnitt. Var särskilt noga med att framhäva länkar.
  • Färgskillnad mellan ytor i bland annat kartor och diagram kan kompletteras exempelvis med mönster, inramning, kontrastskillnad eller text.
  • Linjer kan exempelvis göras streckade, prickade, prickstreckade eller dubbeldragna.
  • Ibland behöver färgskillnader kompletteras med skriven text som ger motsvarande information.
  • Semantisk kodning är ofta ett bra men otillräckligt komplement: Skärmläsare presenterar ofta den semantiska informationen, men det är inte alla användare som har skärmläsare.
Var särskilt försiktig med färgerna grön, röd och brun. Många personer med färgblindhet har svårt att särskilja dessa.
2 R82 Använd stilmallar för att separera presentationen från innehållet
  • Samla regler för webbplatsens utseende i stilmallar.
  • Definiera stilmallarna i externa stilmallsdokument, i så stor utsträckning som möjligt. Använd inte style-attributet för att definiera stilmallar direkt i HTML-koden, eftersom ni då blandar uppmärkning för semantik och presentation, vilket kan leda till problem för vissa användare och i vissa webbläsare.
DOS-krav 1.4.5 (AA) R128 Använd text, inte bilder, för att visa text
När bilder trots allt behöver innehålla text kan denna ofta göras tillgänglig för alla genom att:
  • Använda CSS för att placera text i bilden, istället för att ha texten avbildad.
  • Generera bilden dynamiskt med hänsyn till användarens preferenser för teckensnitt, storlek och förgrund- eller bakgrund. Observera att detta kan kräva en del programmering och att sidan kan behöva innehålla kontroller för att ställa in sådana preferenser. Komplettera med en alt-text.
  • Skriv alt-text till knappar, logotyper, skärmdumpar och diagram som förmedlar samma information som bilden.
  • En bild av ett handskrivet brev kan ha antingen en alt-text som återger innehållet eller en kompletterande text med samma funktion.
DOS-krav 1.4.3 (AA) R126 Använd tillräcklig kontrast mellan text och bakgrund
  • Lita inte på automatisk granskning av kontraster
  • Överträffa gärna gränsvärdena för kontrast
  • Överväg att låta användaren välja kontraster
DOS-krav 1.4.11 (AA) R156 Använd tillräckliga kontraster i komponenter och grafik
  • Ge gränssnittskomponenter tydliga visuella gränser.
  • Gör helst även inaktiva element urskiljbara för alla.
  • Använd god kontrast för informationsbärande delar av illustrationer och annat grafiskt innehåll, så långt det är rimligt.
DOS-krav 2.5.1 (A) R160 Erbjud alternativ till komplexa fingerrörelser
  • Se till att all funktionalitet går att utföra med flera fingrar även går att utföra med bara ett finger
DOS-krav 2.4.1 (A) R75 Erbjud möjlighet att hoppa förbi återkommande innehåll
  • Skapa genvägar för att hoppa över delar i strukturen till exempel menyn, för att komma direkt till sidans innehåll.
  • Skapa rubriker med h-element, eftersom skärmläsare låter användarna snabbnavigera med hjälp av sidans rubriker.
  • Använd WAI-ARIA landmark roles, till exempel main, search, navigation, banner, contentinfo och så vidare. Det gör att användare med exempelvis skärmläsare kan navigera mellan sidans olika delar på ett standardiserat sätt.
  • Om du använder HTML5, använd strukturelement som main, aside, header, footer och nav för att definiera vilken roll varje del av sidan har.
  • R68. Skapa snabbkommandon vid behov.
DOS-krav 2.2.2 (A) R132 Ge användarna möjlighet att pausa eller stänga av rörelser
  • Om en animation eller dynamisk uppdatering startar automatiskt och pågår i mer än 5 sekunder ska användaren enkelt kunna undvika den.
2 R39 Ge webbplatsen en god läsbarhet
  • Välj ett läsvänligt typsnitt och ange det i stilmallen.
  • Undvik helt versala rubriker och texter.
  • Anpassa radavståndet.
  • Vänsterjustera löptext och menyer.
  • Ange maximal spaltbredd och anpassa radlängden.
3 R28 Gör det lätt att hitta det viktigaste
  • Ta reda på vad på webbplatsen som är viktigast för användarna, och vilka frågor de vill ha svar på. Lägg ingångar till detta redan på startsidan.
  • Skapa en informationsstruktur som utgår från användarnas önskemål, behov och processer genom att gruppera innehållet på ett sätt som är logiskt för användarna. Använd ord som besökarna är bekanta med i menyer, länkar och rubriker.
  • Erbjud mer än ett sätt att hitta information och navigera på webbplatsen. Gör det enkelt att växla mellan de olika sätten. Se mer i R32. Erbjud besökaren alternativa orienteringsstöd.
3 R87 Gör det möjligt att prenumerera på information
  • Erbjud åtminstone ett sätt att prenumerera på innehåll från webbplatsen.
  • Använd RSS eller Atom för nyhetsflöden.
  • Visa att det finns nyhetsflöden.
  • Gör det enkelt att påbörja och avluta prenumerationen.
  • Ange avsändare och länka till fördjupning.
  • Utgå från vilken typ av innehåll som är mest intressant för användarna.
  • Utsätt inte prenumeranter för irrelevant information.
DOS-krav 2.4.3 (A) R136 Gör en logisk tab-ordning
  • Kontrollera ordningen utan pekdon.
  • Säkerställ en logisk ordning med tabindex.
1 R34 Gör länkar, klickbara ytor och menyer användbara för alla
  • Gör de klickbara ytorna tillräckligt stora. Det underlättar för användarna.
  • Framhäv länkarna grafiskt så att användarna förstår vad som är länkad text.
DOS-krav R165 Gör tillgänglighetsfunktioner åtkomliga
  • Undersök vilka tillgänglighetsfunktioner ni erbjuder.
  • Säkerställ att de som har nytta av funktionerna kan nå dem.
  • Blockera inte operativsystemets tillgänglighetsfunktioner.
2 R60 Gör tydliga användbara knappar
  • Namnge knappar så att användarna förstår vad som händer när de klickar på dem.
  • Ge knapparna en logisk och användbar placering.
  • Använd lagom många knappar.
  • Presentera inte knappens text enbart som bild.
4 R31 Länka alla sidor till startsidan
  • Se till att alla sidor har länkar till startsidan och andra sidor som är viktiga för orienteringen. Det kan vara webbkartan, ”Om webbplatsen”, sökfunktionen och information på andra språk.
  • Placera länkarna i sidhuvudet och/eller i sidfoten.
  • Länka webbplatsens eller organisationens logotyp till webbplatsen startsida. Om logotypen är en bild, ange i alt-texten att länken går till startsidan.
DOS-krav 2.4.7 (AA) R140 Markera tydligt vilket fält eller element som är i fokus
Använd CSS för att tydligt visa vilket element som är i fokus.
DOS-krav 2.3.1 (A) R133 Orsaka inte epileptiska anfall genom blinkande
Maximalt tre växlingar från ljus till mörk eller tvärtom inom en sekund är acceptabelt.
DOS-krav 1.4.13 (AA) R158 Popup-funktioner ska kunna hanteras och stängas av alla
  • Överväg att presentera innehållet på något annat sätt.
  • Gör det enkelt att ta bort innehållet.
  • Gör det möjligt att hantera innehållet för alla.
DOS-krav 1.3.2 (A) R122 Presentera innehållet i en meningsfull ordning för alla
  • Testa läsordningen genom att granska en sida av varje sidtyp med några skärmar i olika storlek och genom att lyssna igenom innehållet med en skärmläsare.
  • Se till att webbplatsen kan användas även utan stilmallar. Vissa webbläsare och tilläggsprogram har funktioner för att avaktivera CSS.
  • Se till och testa även att läsordningen är logisk i dokument som inte är html (pdf, word med mera) .
DOS-krav R170 Respektera användarens inställningar
  • Kom ihåg att vissa användare behöver skräddarsy presentationen.
  • Försök att inte hindra att användarens inställningar slår igenom.
    • Använd relativa måttenheter om det är möjligt
    • Var försiktig med css-uttrycket !important
DOS-krav 1.4.12 (AA) R157 Se till att det går att öka avstånd mellan tecken, rader, stycken och ord
  • Placera text i utrymmen som är tillräckligt stora eller som anpassar sig efter innehållet.
  • Ta hänsyn till att texter kan ändra storlek om du använder absolut positionering av element som riskerar att krocka med texten.
DOS-krav 4.1.3 (AA) R164 Se till att hjälpmedel kan presentera meddelanden som inte är i fokus
  • Markera med aria-kod de områden där statusmeddelanden kan presenteras.
  • Använd gärna samma teknik även för andra viktiga förändringar.
  • Använd aria med försiktighet så att du inte stör användaren.
DOS-krav 2.1.2 (A) R130 Se till att markören inte fastnar vid tangentbordsnavigation
  • Testa alla webbplatser och applikationer utan mus och utan pekskärm, och se till att det går att använda alla funktioner som behövs.
DOS-krav 1.4.4 (AA) R127 Se till att text går att förstora utan problem
  • Kontrollera förstoring vid utveckling av stilmallar och sidmallar
  • Använd relativa mått
DOS-krav 1.4.10 (AA) R91 Skapa en flexibel layout som fungerar vid förstoring eller liten skärm
  • Undvik horisontell scrollning ner till 320 pixlars bredd.
  • Använd i första hand responsiv design.
  • Gör en anpassad mobilversion om responsiv design är inte är möjligt.
  • Även dokument som inte är webbsidor bör kunna presenteras i begränsad bredd.
DOS-krav 2.1.4 (A) R68 Skapa kortkommandon med varsamhet
  • Använd kortkommandon sparsamt.
  • Använd vedertagna tangentkombinationer om sådana finns.
  • Informera om vilka kortkommandon ni erbjuder.
  • Gör det möjligt att stänga av eller byta ut kortkommandon som bara består av ett tecken.
1 R105 Skapa rubriker med h-element
  • Märk upp rubriker korrekt, med rätt hierarkisk ordning.
  • Välj inte rubriknivå efter textstorleken i webbläsarna. Utgå från semantiken och använd CSS för att styra presentationen.
DOS-krav 2.4.2 (A) R135 Skriv beskrivande sidtitlar
  • Beskriv sidans ämne eller innehåll.
  • Formulera en titel som går att förstå på egen hand. Det kan till exempel innebära att avsändaren eller webbplatsens namn anges i slutet av sidtiteln.
  • Titeln bör vara så tydlig och så unik som möjligt utan att bli för lång.
3 R106 Stryk aldrig under text som inte är länkad
  • Stryk aldrig under text som inte är länkad, eftersom det kan leda användarna att felaktigt tro att texten är en länk.
DOS-krav 2.1.1 (A) R129 Utveckla systemet så att det går att hantera med enbart tangentbordet
Testa alla webbplatser och applikationer utan mus och utan pekskärm.
Exportera urval som csv

Visa som kompakt lista