Accessible button using ARIA

[Ryuno-Ki]

The other day, @weboverhauls tweeted

Pro tip: for selected state of a button, use aria-pressed. (Don't use aria-checked nor aria-selected; I've seen this mistake 2-3 times in last few days...) https://w3.org/TR/wai-aria-1.1/#aria-pressed #webdev #a11y #aria #tips

I consider this important information and would like to see it on MDN web docs somewhere.

My first attempt was to look at https://developer.mozilla.org/en-us/docs/Web/Accessibility/ARIA/Roles/button_role but that already documents it (and does not mention aria-checked or aria-selected). We don't list ARIA attributes in isolation (there's an issue about the mixins in #1940, which is the reason behind, I guess).

So where would that information go to?

[rachelandrew]

@Ryuno-Ki the mixins issue isn't related, that is the Interface and not the HTML attributes. We don't, as you say, have individual attributes listed but that is unrelated to the work on the API side of things.

@ericwbailey do you have any thoughts on the issue raised?

[ericwbailey]

This feels like it could be a subsection for Accessibility concerns for the button element to me.