Gemensamt för komponenter
Namngivning
Använd rätt terminologi
Informera så att användaren förstår, se Övergripande riktlinjer
Benämn funktioner konsekvent
Var konsekvent vid namngivning. Liknande interaktioner som ger samma resultat ska namnges på samma sätt. Exempel: Spara en fil görs med hjälp av en knapp med exakt samma namn på alla de ställen där knappen finns.
Se webbriktlinjer.se (Benämn funktioner konsekvent) .
Se fler specifika riktlinjer för namngivning för de olika komponenterna.
Skriv beskrivande rubriker och etiketter
Var specifik vid namngivning så att användaren förstår vad som händer när denne klickar på länken eller knappen.
- En knapptryckning ska vara ett verb som exempelvis "Spara sidan" eller "Skicka formuläret". Undvik "Ja" eller "Ok" eftersom det blir otydliygt vad det syftar på. Läs webbriktlinjer.se (Skriv beskrivande rubriker och etiketter)
- En länk ska beskriva innehållet det länkar till. Det är särskilt bra att namnge länken med rubriken på sidan dit länken går. Undvika vaga länktexter som "Klicka här" eller "Läs mer". Läs webbriktlinjer.se (Skriv tydliga länkar) .
-
En länk-knapp ska inte vara ett verb eftersom användaren inte utför en aktivitet genom att klicka på knappen utan endast länkas vidare till en annan del av webben, som "Till ansökningen". Undvik "Ansöka".
-
Se fler specifika riktlinjer för namngivning på sidan Knapp, länkar .
Text på rubriken ska överensstämma med maskinläsbara etiketter
Hjälpmedel
Se till att skräddarsydda komponenter fungerar i hjälpmedel
Se webbriktlinjer.se (Se till att skräddarsydda komponenter fungerar i hjälpmedel) .
Använd HTML-element och/eller WAI-ARIA-roller för att föra fram syftet med innehåller i ett element. Observera att det är viktigt att vara konsekvent här, så följ namngivningen för komponenter som finns i KTH Style.
Förutsägbart beteende
Utför inga oväntade förändringar vid fokusering
Se webbriktlinjer.se (Utför inga oväntade förändringar vid fokusering) .
Användaren ska aktivt initiera en aktivitet genom att klicka på exempelvis en knapp eller länk. Förändringar ska inte kunna ske genom enbart fokusering. Verifiera genom att testa att det går att navigera med hjälp av tangentbordet. Se .
Utför inga oväntade förändringar vid inmatning
Se webbriktlinjer.se (Utför inga oväntade förändringar vid inmatning) .
Utför ändringar när användaren har anledning att förvänta sig dem. Använd i dag invanda sätt att interagera (exempelvis hur man interagerar med ett sök-fält eller vad som händer vid klick i en checkbox för visa ett urval). Testa med användaren för att verifiera att användaren upplever interaktionen förutsägbar genom att utföra användningstest. Se .