Skip to content

Make active header links accessible #6488

@alizedebray

Description

@alizedebray

In the header component, some links (e.g. Target Groups, Jobs) can be active or inactive.
Currently, the active state is indicated only through a visual cue (a darker background), which is not accessible for assistive technologies.

We need to investigate and implement a proper accessibility solution to ensure active links are correctly announced (for example, using aria-current="page" or another appropriate approach).

✅ What to do

  • Investigate the best accessibility practice for indicating active navigation links.
  • Implement the chosen solution in the header component.
  • Update the header documentation.

Metadata

Metadata

Assignees

Labels

📦 componentsRelated to the @swisspost/design-system-components package📦 documentationRelated to the @swisspost/design-system-documentation package

Type

Projects

Status

🚀 Done

Relationships

None yet

Development

No branches or pull requests

Issue actions