Riktlinjer

Antal matchande riktlinjer: 21.

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
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.
DOS-krav 4.1.1 (A) R84 Se till att koden validerar
  • Kontrollera att era mallar för funktioner, tjänster och stilmallar validerar i enlighet med er valda standard.
  • Kräv att leverantören vid leverans bifogar valideringsprotokoll för samtliga mallar. Mallar som inte validerar bör inte godkännas för leverans, om inte leverantören har acceptabla argument för alla valideringsfel.
  • Försök att automatisera en regelbunden kodvalidering, eller gör validering till en rutinåtgärd vid all förändring av webbplatsens kod. Det är lätt hänt att tidigare korrekt kod går sönder. Det kan till exempel hända när ni uppdaterar ett tilläggsprogram, när ni infogar en videospelare i ett blogginlägg eller när någon gör ett inlägg i ett kommentarssystem.
DOS-krav 3.3.1 (A) R2 Visa var ett fel uppstått och beskriv det tydligt
  • Sammanfatta felen och använd en layout som tydligt separerar felmeddelanden från resten av webbplatsens design.
  • Skriv välformulerade felmeddelanden så ökar chansen att användarna gör rätt från början.
  • Markera fel och felmeddelanden med WAI-ARIA så att de uppfattas tydligt av användare med hjälpmedel.
  • Spara det som inte är fel.
DOS-krav 2.4.6 (AA) R61 Skriv beskrivande rubriker och etiketter
  • Använd nyckelord ur texten.
  • Skriv de viktigaste orden först.
  • Använd aktivt språk, gärna verb.
  • Gör inte rubrikerna längre än 5-10 ord.
DOS-krav 2.4.4 (A) R5 Skriv tydliga länkar
  • Formulera länktext med omsorg. Användaren måste kunna förutse vad som händer vid klick på länken.
  • Låt sammanhanget och syftet med länken avgöra om den exempelvis ska placeras i brödtexten eller utanför.
  • Utforma länkar till dokument och länkar till e-post så att användaren får rätt förväntningar.
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 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.2 (A) R125 Ge användaren möjlighet att pausa, stänga av eller sänka ljud
  • I de flesta fall är det lämpligt att undvika att spela ljud automatiskt.
  • I andra hand kan det vara lämpligt att erbjuda en pausfunktion i början av sidan.
DOS-krav 1.3.3 (A) R123 Gör inte instruktioner beroende av sensoriska kännetecken
Använd gärna sensoriska kännetecken (färg, form med mera) för instruktioner eftersom det kan vara en effektiv metod för att underlätta för användarna, inklusive personer med kognitiva begränsningar men kom ihåg att komplettera informationen så att alla kan förstå den.
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 1.3.1 (A) R121 Ange i kod vad sidans olika delar har för roll
  • R105. Skapa rubriker med h-element
  • R104. Använd rätt html-element när ni gör listor
  • Namnge formulärfält med kopplade label-element. Se R55. Skapa tydliga och klickbara fältetiketter.
  • R98. Skriv rubriker till tabeller
  • R101. Markera obligatoriska fält i formulär
  • Betona innehåll med elementet em och inte bara kursivering, eftersom det inte går att kursivera skärmläsarens tal.
  • Använd WAI-ARIA för sådant som inte går att uttrycka med vanlig html.
DOS-krav 1.2.1 (A) R116 Erbjud alternativ om en inspelning enbart består av ljud eller video
  • Erbjud ett textbaserat manus eller någon annan presentation som inte utestänger användare som saknar förutsättningar att uppfatta inspelningen.
DOS-krav 1.1.1 (A) R115 Beskriv med text allt innehåll som inte är text
  • Välj detaljnivå efter användarens behov
  • Använd tomt textalternativ (alt="") till dekorativa bilder
  • Anpassa textbeskrivningen efter eventuell synlig bildtext
  • Undvik upprepningar genom att provlyssna
DOS-krav 1.2.5 (AA) R120 Syntolka videoinspelningar
  • Se till att viktig visuell information framgår även av ljud
  • Följ riktlinjer för syntolkning
  • Anpassa syntolkningen efter rytmen i ordinarie innehåll
  • Gör det lätt att hitta och aktivera syntolkningen
  • Undersök alternativa lösningar
DOS-krav 1.2.2 (A) R117 Texta inspelad rörlig media (video, ljud, animationer…)
  • Beskriv alla ljud av betydelse
  • Säkerställ att alla kan ta del av undertexter, allra helst valbara, så kallade dolda undertexter
  • Se till att det är lätt att hitta och aktivera undertexter
  • Erbjud gärna en separat textversion
DOS-krav 3.2.3 (AA) R29 Var konsekvent i navigation, struktur och utformning
  • Låt gränssnittselement ha samma utseende, funktionalitet och placering på hela webbplatsen.
DOS-krav 2.4.5 (AA) R32 Erbjud användarna flera olika sätt att navigera
  • Erbjud flera olika navigeringsstöd på webbplatsen.
  • Utgå från användarnas behov och webbplatsens komplexitet när ni väljer navigeringsstöd.
  • Erbjud en sökfunktion.
DOS-krav 3.2.4 (AA) R146 Benämn funktioner konsekvent
  • Använd samma termer för återkommande funktioner såsom knappar och ikoner, eftersom vissa användare saknar till exempel layout och formgivning som annars kan användas för orientering.
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.
DOS-krav 3.1.2 (AA) R142 Ange språkförändringar i koden
Ange aktuellt språk med lang-attribut på omslutande element när språket i elementet är ett annat än sidans huvudspråk.
Exportera urval som csv

Visa som kompakt lista