What fresh hell is THIS now? - Patrick Lauke
[higley] I have a question for any UX people: I’m creating a widget a little like a select element in that a button opens an overlay that lets you choose some options. Visually, the button text shows the currently selected options (e.g. “Red Hammer” if it let you choose a color + tool). Does it make sense to add extra visually hidden text for screen readers (e.g. “Choose a color and tool”), or are attributes like aria-haspopup
and aria-expanded
enough to signal what it does?
Theoretically screen reader users get the same information as sighted users, but it feels a little confusing to me. There are small visual cues like styling the wrapping div to look like a control bar, which might justify adding extra screen reader text. I’m also debating leaving the text as-is and adding role="menu"
to the containing div (or doing both extra text + menu role).