Gitter Channel Archive 26th of May 2016

So I want to make a simple popup button (or menu button or whatever you want to call it), so I thought I’d do it something like:

<button class="button--popup" aria-haspopup="true" aria-owns="popup">Button Text</button>

<ul role="menu" hidden id="popup">
<li role="presentation"><input type="radio" role="menuitemradio" name="foo" id="foo"/><label for="foo">Foo</label></li>
…
</ul>

But alas, that doesn't validate, as role="menuitemradio" (and checkbox) require aria-checked. But that seems silly to me because I'm using a native radio (or checkbox) which natively gets a checked property. And according to HTML-AAM, checked maps to https://w3c.github.io/aria/html-aam/html-aam.html#att-checked which basically is aria-checked, so to me it feels redundant and silly to have to manage its state with JS when HTML will natively do it for me.