I have a NavBar that has 1 link and 1 button. The problem is:
Both are represented by icons, is there a way to add some kind of invisible label so that people with screen readers don't get confused? I'm using react-icons.
They said don't use aria-label and that aria-labelledby is for when you have another element that contains the text relevant or whatever.
If there's text, then yeah, aria-labelledby. If it's just an icon though, no other explanations, then use alt.