Typografi-komponenter

This page is not available in English.

Typograpy er en samling med typografiske komponenter som sikrer at tekstelementene får riktig uttrykk.

Egnet til å

Heading

Vi har 6 ulike overskriftsnivåer. Det er verdt å merke seg skriftstørrelsen tilpasser seg skjermbredden, og at nivå 5 og 6 er identiske på mobil.

Vi har 5 ulike overskriftsnivå

Vi har to avsnittsvarianter hvor den ene er ingress og den andre er alminnelig tekstavsnitt.

Standardvarianten av sitat kommer med et lite innrykk og vertikal linje langs venstre marg.

Eksempel på blokksitat

Listen finnes i to varianter – enten med tall eller med kulepunkt. Vi kan bruke den med eller uten innrykk.

Eksempel på liste med kulepunkt.

Eksempel på liste med tall.

Bruk av overskrifter (h-tag) er viktig for å strukturere og dele inn innhold. Det gir skjermleserbrukere bedre oversikt og enklere navigering til innhold.
Det er en fordel om <main> innledes med en <h1>, etter brødsmulestien der det finnes. Mange med skjermleser hopper rett til første <h1> for å komme til hovedinnholdet. Der det ikke hierarkisk passer med en <h1>, bør <h2> brukes.
Pass på at rekkefølgen på overskriftsnivåene er korrekt. En <h2> skal alltid høre til en <h1>, <h3> til <h2> og så videre. Vurder om innhold bør ha h-tag. Husk at visuelle overskrifter må være kodet med h-tag.
I de fleste tilfeller bør sidetittel (title-tag) og <h1> være identiske. Hvis det lenkes til siden, bør lenkenavnet samsvare med dette, f.eks. Bil og andre kjøretøy (lenke), Bil og andre kjøretøy (tittel) og Bil og andre kjøretøy (overskrift).
Modaler bør ha en overskrift i toppen som sier hva modalen inneholder. Også her må overskriftsnivået være korrekt og vanlig praksis er å starte på nivå <h1>.