Informationsruta

Informationsrutan används för att flika in fakta eller relaterad information i innehållet.

Informationsrutan är en yta före eller efter ett textstycke, som har en bred linje på vänsterkanten, helst i webbplatsens primära färg. Bakgrundsfärgen ska sättas som en ljusare nyans av linjefärgen och erhålla tillräcklig kontrast mot texten så att kontrastvärde AA uppfylls.

Egenskaper

font-family: Open Sans, Arial, Helvetica, sans-serif

font-size: 16px

line-height: 28px

border-left: 5px (förslagsvis i webbplatsens primärfärg)

background-color: 30-40 % av vänsterkantens färg, under förutsättning att det följer WCAG 2.1 AA

padding: 30 px

minsta avstånd över/under: 20px

Rubrik i informationsruta

Rubriken kan vara en h2, h3 eller h4 beroende på var den placeras på sdian, men ska alltid se likadan ut:

font-family: Open Sans, Arial, Helvetica, sans-serif

font-size: 18px

font-weight: bold

Exempel