Jämförda versioner

Nyckel

  • Dessa rader lades till.
  • Denna rad togs bort.
  • Formateringen ändrades.
Innehållsförteckning

Exempel

...

Designspecifikation

Istället för att lista alla träffsidor i t.ex. en

...

träfflista 1-nnn så används en knapp med texten ”Visa nn till”.

Image Added

Image Added

Innehållsförteckning


Innehållsförteckning

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

-

Research på komponenten

-

Relaterade resurser/komponenter

Status

...

Status

...

Status
colourGreen
titleFärdig validerad

...

Publicerad

...

2020-01-18

...

Senast uppdaterad

...

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.

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.

Publicerad

Senast uppdaterad