[A11Y] Active page indicator missing in responsive view

[pya35]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

The Orange Navbar component displays the active item in orange with an underline to emphasize the current state.

The underline is displayed only for a min-width: 1024px (@media (min-width: 1024px), so when we display the page in responsive mode (width 320px), the underline is removed. From an accessibility POV this is not conform because color shall not be the only way of passing the information.

Reduced test cases

Go to Orange Navbar component and activate responsive in devtool with 320px width

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Firefox

What version of Boosted are you using?

v5.3

[louismaximepiton]

Hey, thanks for your contribution,

It's indeed an issue we raised while developing the component but it's a design issue right now (see https://design.orange.com/0c1af118d/p/84c686-global-menu/t/page-84c686-57065600-19). I'll raise the issue again to the design team.