Sidjämförelse

Istället för att lista alla träffsidor i t.ex. en träfflista  träfflista 1-nnn så används en knapp med texten ”Visa nn till”.

Innehållsförteckning

Designspecifikation

Bild på paginering för lista.

Designspecifikation

Användning av komponenten

Paginering består av komponenten Button i secondary-utförande. På komponentens sida finns länkar till komponenten i Figma och IDS/Storybook. Utgå från dessa vid användning.

Knappar för paginering använder sekundärknappens design med vit bakgrund då den inte anses ha samma dignitet som en primärknapp.

Do’s and Don’ts

-

Tillgänglighet

Huvudsaklig information om tillgänglighet finns i dokumentation för komponenten Button.

Generella riktlinjer

• Se till att texten som står på knappar är kodat och stämmer överens med det som läses upp för skärmläsaren.

• Se till att länken har tillräckligt hög kontrast, en länk i form av text ska uppnå minst 4.5:1 i kontrast värde, är den dock kodad som en knapp så ska den ha minst 3:1 i kontrast.

Research på komponenten

-

Status

Status

Feedback

Hjälp oss att förbättra den här komponenten genom att ge feedback, ställa frågor och lämna andra kommentarer på Inera UX Slacken i kanalen #komponenter_design eller #komponenter_kod alternativt kan du använda vårt formulär.