Rolle Landmærke

`contentinfo`

Sidens overordnede sidefodsvartegn — copyright, kontakt, juridiske links. Det topniveau-element <footer> bærer denne rolle automatisk. Kun ét contentinfo pr. side.

Hvornår skal det bruges

Brug <footer> som et direkte barn af <body>. Når <footer> er på topniveau, eksponerer browseren det automatisk som et contentinfo-vartegn. Når det er indlejret inde i <article>, <section>, <main> eller <aside>, er det blot en generisk gruppe, ikke et vartegn.

role="contentinfo" på et <div> er kun egnet, når du ikke kan bruge <footer> (ældre CMS).

Der må ikke være mere end ét contentinfo pr. side. Hvis individuelle artikler har egne sidefødder (byline, delingsknapper), brug et almindeligt <footer> indlejret inde i <article> — de er ikke vartegn, hvilket er det korrekte resultat.

Hvornår skal det mærkes

Et enkelt contentinfo behøver ikke en etikett — skærmlæsere annoncerer det som “indholdsinformation”. Hvis en etikett synes nødvendig, er det normalt et tegn på, at du har to contentinfos, og at en af dem ikke burde være en topniveau-sidefod.

Hyppige fejl

To <footer>-elementer på topniveau. To contentinfo-vartegn; skærmlæserbrugere kan ikke afgøre, hvilket der er det rigtige.
role="contentinfo" på et <footer> indlejret inde i <article> eller <main>. Rollen tilsidesætter standardadfærden for ikke-vartegn og tilføjer støj.
Placering af “sekundær nav”-links i <footer> som en flad liste. Indpak dem i <nav aria-label="Sidefod">, så de fremstår som et navigations-vartegn.
Cookie-banner på webstedet placeret inde i <footer> — det er en dialog eller en region, ikke en del af contentinfo.
Tomt <footer> efterladt i DOM som layoutpladsholder — contentinfo-vartegnet eksisterer uden indhold.

Eksempel

<body>
  <header>…</header>
  <main>…</main>
  <footer>
    <nav aria-label="Sidefod">
      <a href="/about">Om os</a>
      <a href="/privacy">Privatlivspolitik</a>
      <a href="/contact">Kontakt</a>
    </nav>
    <p>&copy; 2026 Disability World</p>
  </footer>
</body>