What fresh hell is THIS now? - Patrick Lauke
application
role FTW!
application
role, then you might be justified in using it...
aria-expanded
on a div
…
div
is invalid.
unaria All The Things
@StommePoes been to coffee shop again
@garcialo you think meeting me is overrated, try being me
With a touch of Dutch
read that as 'with a touch of douche' thought i have enough of that already
role=alertdialog
as that is an actual dialog–a pattern also needing focus management and a few other things. role=alert
is for ARIA live regions.
@MichielBijl technically that is valid, but I am in the @stevefaulkner camp where I think it makes more sense when used on a control, rather than the element being controlled
@stevefaulkner what is the reasoning behind putting it on the control? That doesn't add style hooks to the element that is actually expanded. Thus you would need a class or something else.
aria-controls
that is
[aria-expanded="true"] { display the thing }
. You can't do that if it's on the control.
<button aria-controls="thingy" aria-expanded="true">Toggle!</button> <panel id="thingy">Cats are cute</panel>
[aria-expanded="true"] ~ panel { display the thing}
aria-controls
right? You can get at that information regardless. So it could be announced when the button is focused, right? Or am I missing something?
aria-controls
is defined I guess. So that would give broader support if you'd put it on the button.
<tr> <th scope="col">Email</th> <th scope="col">First Name</th> <th scope="col">Last Name</th> <th scope="col">Enabled</th> </tr> <tr> <td>john@example.com</td> <td>John</td> <td>Doe</td> <td><input name="enabled" id="enabled_686" value="1" aria-label="Is john@example.com enabled?" checked="" type="checkbox"></td> </tr> <tr> <td>jane@example.com</td> <td>Jane</td> <td>Doe</td> <td><input name="enabled" id="enabled_686" value="1" aria-label="Is jane@example.com enabled?" checked="" type="checkbox"></td> </tr>