Sidjämförelse

Exempel

...

...

...

Designspecifikation

Sidlistningsblock är en navigering som visas på själva sidan, för att få en bra överblick av underliggande sidor i strukturen.

Brickorna kan innehålla en beskrivande text eller länkar till underliggande sidor. Brickorna kan även innehålla bilder, som då placeras ovanför rubriken.

Den initiala tanken var att på sektionssidor används brickor med länkar och på samlingssidor används brickor med beskrivande text. På Inera.se används dock mest brickor med beskrivande text.

Responsiv design

I mobil stackas brickorna ovanpå varandra. Initialt var tanken även här att använda en komprimerad lista för att få en bättre överblick över innehållet, men i nuläget används brickor även på mobil.

Do’s and Don’ts

-

Tillgänglighet

Alla komponenter i användargränssnittet ska ha korrekta roller och maskinläsbara namn. Det maskinläsbara namnet ska innehålla den synliga texten i komponenten, där sådan finns. All text som presenteras ska användaren kunna ta del av, inklusive de som använder skärmläsare.

Research på komponenten

-

Relaterade resurser/komponenter

Status

...

Status

...

Status