Test toggle buttons within a list

Expected behavior is to know there are two buttons in this set and they relate to categorizing an expense. The screen reader should also announce if a button is pressed. There's an alert on the page that announces what has been selected.

Safari forces us to add role="list" to a UL when it has list-style-type:none. But it's also removing the parent group's role and label. Is this limited to VoiceOver? Is this a known bug with VoiceOver?

Option 1.

add a heading to the group and use aria-labelledby.

Categorize expense

Option 2: use a fieldset and legend

Categorize expense

Option 3: like option 1, but aria-label instead of a heading