design-system icon indicating copy to clipboard operation
design-system copied to clipboard
verified publisher icon swisspost

Clarify Post Header Semantics

Open alizedebray opened this issue 1 month ago • 2 comments

The post-header currently does not include an HTML <header> element.

We need to evaluate the correct semantic structure and implement the chosen approach.

Questions to resolve

  • Should we use a <header> element, or is role="banner" sufficient?
  • Is it correct for the <nav> element from the post-mainnavigation to be placed inside a <header> element? Or could the <header> tag be used only for the global header and nav remains in the local header?

Tasks

  • [ ] Decide on the correct semantic structure for post-header and implement it

alizedebray avatar Nov 19 '25 07:11 alizedebray

@gfellerph Can you please add links to good resources on that topic?

alizedebray avatar Nov 19 '25 09:11 alizedebray

Trusted sources include:

  • https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/general-principles.html
  • https://www.w3.org/WAI/ARIA/apg/
  • https://developer.mozilla.org/de/
  • https://www.accessibility-developer-guide.com/

gfellerph avatar Nov 19 '25 09:11 gfellerph