• 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.

• 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.

Testa alla webbplatser och applikationer utan mus och utan pekskärm.

• 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) .

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.

• Om en animation eller dynamisk uppdatering startar automatiskt och pågår i mer än 5 sekunder ska användaren enkelt kunna undvika den.

• 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.

• 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.

• Kontrollera ordningen utan pekdon.
• Säkerställ en logisk ordning med tabindex.

Maximalt tre växlingar från ljus till mörk eller tvärtom inom en sekund är acceptabelt.

• Se till att all funktionalitet går att utföra med flera fingrar även går att utföra med bara ett finger

• 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.

• 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

Använd CSS för att tydligt visa vilket element som är i fokus.

• Kontrollera förstoring vid utveckling av stilmallar och sidmallar
• Använd relativa mått

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.

• 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.

• 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.

• Ö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.

• 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.