| Note |
|---|
Under uppbyggnadKomponenten kommer den 11 juni 2024. |
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
Webbredaktör och lättredaktör kan skapa och redigera. |
Sidans innehåll
| Table of Contents | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...
| Expand | ||
|---|---|---|
| ||
Eftersom för många knappar gör det svårt för besökaren att veta vilken knapp som hen ska klicka på så finns det situationer där du inte ska använda knappen. Istället för puffarHar du flera länkar som du vill uppmärksamma ska du använda komponenterna för puff istället - inte knapp. I exemplet nedan ser du hur en sådan lösning hade sett ut och därför ska vi använda puffar istället.  vs Använd istället puffar:  Inte extra viktiga Istället för vanliga länkarI sektionstypen information kan du ha flera olika länkar. Majoriteten av dessa är inte extra viktiga för alla som besöker listansidan. Därför ska du inte använda komponenten knapp för dessa länkar utan istället bara skapa vanliga länkar i editorn. Detta för att inte ta fokus från den viktigaste länken.
vs vanlig länk i editor. Använd istället “vanliga länkar”: Manual för länk i editor
|
| Expand | ||
|---|---|---|
| ||
Länktexten ska göra det tydligt för besökaren vart hen hamnar om hen klickar på länken. Kom ihåg att besökare med uppläsande hjälpmedel navigerar på sidan genom att få en lista med länktexter. Det innebär att länktexten måste vara unik och självständig från innehållet. Länkar du till samma innehåll på flera ställen använder du samma länktext. Länkar du till en sida utanför den webbplats du är på, ska det tydligt framgå av länktexten. Exempel på länktexter på gu.se:
Använd inte texten ”läs mer”, ”mer information” eller liknande som länktext, det är varken bra ur tillgänglighetsperspektiv eller ur sökmotoroptimering. |
...
I redaktörsgränssnittet väljer du “Layout” och lägger till en sektion med layout “Information”, spaltbred eller där “66” finns.
Klicka på “Lägg till komponent” och välj “Knapp.
Lägg in din länk:
...
| Note |
|---|
Kom ihåg att klicka på “Spara” för att ändringarna ska slå genom. |
Goda exempel
Kommer inom kort.