Replace H tags with divs (modal and preferences form)

Created on 31 July 2025, 5 days ago

Problem/Motivation

Currently the cookie banner title is marked as H2 or H1. That generates an accessibility issue: non-sequential heading structure.

Steps to reproduce

Open the modale and preference see the heading structure

Proposed resolution

As a workaround, since the modal is loaded via JavaScript, we can simply get our small JavaScript on top, start listening for changes to

(because the markup inside it changes every time you click on "Customise cookie preferences" or close the preferences form again), and simply replace all headings with a div and add a class for the heading level it had.

User interface changes

Change h1 and h2 to divs with corresponding class

📌 Task
Status

Active

Version

1.12

Component

Code

Created by

🇫🇷France flo909 Zurich

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024