Accessibility: add label under icons on mobile navbar

[Dehelssey]

Accessibility best practices states that mobile navbar items should have a label.

We should at least offer an option to display them.

Or, even better, display them by default with an option to hide them

[userquin]

We have the aria-label, we should add aria-hidden="true" to the icons div/span: do you mean adding a new option to display the text, something like this?

https://m3.material.io/components/navigation-bar/overview

[Dehelssey]

Yeah, this exactly.

I assumed the labels were in the DOM but hidden in CSS on mobile so yeah we should have them visible (idealy by default with an option to hide them as they are now)

[shuuji3]

I tried implementing this label by #3119 (my first PR in 2025). Any feedback is welcome 🙂