designsystemet
designsystemet copied to clipboard
Card component examples with H2 instead of H1
Fikk en case nå, vi skal bruke link-card noen steder på nettsidene og så var det spørsmål om H-nivå på overskriften, pga php og wordpress så gjenskapes komponenten utfra eksemplene i storybook. I eksempelet i storybook har de 2 kortene (card-link) overskrifter med H1, men det er kun div-er rundt, ingen ytre section eller article (noe det kanskje ikke skal være heller i dette tilfellet) og dermed heller ikke en heading-element. Jeg mener at når en i eksempelet kun bruker divs så bør en heller ikke bruke headingnivå 1. Kan disse heller få H2 og så kan vi lage veiledning om hvordan en kan bruke semantiske alternativer til divs for å oppnå en region som kan ha en H1?
Forslag:
-
Bruk H2 i eksemplene, spesielt når eksemplene kun har divs
-
Legg til veiledning om hvilken div en kan endre til section eller article (eller andre regioner) og hvilken div som kan endres til heading. for noen regioner så tillater html-spec at en kan ha H1 selv om det allerede eksisterer en H1 på samme side, men det skal da være i en region som kan "stå alene" eller på egne bein. Kan kanskje lage et kodeeksempel som kan stå sammen med veiledningen, hvor en har et kort som er kodet som en article med heading, H1 og footer (med sekunærinfo)? og et som er kodet som en annen type region?