Roll Landmärke

`contentinfo`

Webbplatsens sidfots-landmärke — upphovsrätt, kontakt, juridiska länkar. Det översta <footer>-elementet bär denna roll automatiskt. Endast ett contentinfo per sida.

När ska rollen användas

Använd <footer> som ett direkt underordnat element till <body>. När <footer> är på toppnivå exponerar webbläsaren det automatiskt som ett contentinfo-landmärke. När det är nästlat inuti <article>, <section>, <main> eller <aside> är det bara en generisk grupp, inte ett landmärke.

role="contentinfo" på en <div> är lämpligt bara när du inte kan använda <footer> (äldre CMS).

Det får inte finnas mer än ett contentinfo per sida. Om enskilda artiklar har egna sidfötter (byline, dela-knappar), använd vanlig <footer> nästlad inuti <article> — dessa är inte landmärken, vilket är korrekt.

När ska det märkas

Ett enskilt contentinfo behöver ingen etikett — skärmläsare meddelar det som “innehållsinformation”. Om en etikett verkar nödvändig är det vanligtvis ett tecken på att du har två contentinfos och att ett av dem inte borde vara en sidfot på toppnivå.

Vanliga fel

Två <footer>-element på toppnivå. Två contentinfo-landmärken; skärmläsaranvändare kan inte avgöra vilket som är det riktiga.
role="contentinfo" på en <footer> nästlad inuti <article> eller <main>. Rollen åsidosätter standardbeteendet som inte är ett landmärke och lägger till onödig komplexitet.
Placera “sekundär navigering”-länkar i <footer> som en platt lista. Linda in dem i <nav aria-label="Sidfot"> så att de visas som ett navigeringslandmärke.
Webbplatsens cookie-banner placerad inuti <footer> — det är en dialog eller en region, inte en del av contentinfo.
Tom <footer> kvar i DOM som en layoutplatshållare — contentinfo-landmärket finns utan innehåll.

Exempel

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