Roleplaying

https://youtu.be/hzQwHx7563I

One of the core aspects of the ARIA system is its collection of roles.

• [x] Receive promotional offers

<div class="checkbox checked"> Receive promotional offers
</div>
: Text > value: "Receive promotional offers"

<div role="checkbox" aria-checked="true"> Receive promotional offers // <--role
</div>
: checkbox // <-- here!
 > name: "Receive promotional offers", state: checked

role and tabindex on SAME ELEMENT

<div tabindex="0" class="checkbox" checked role="checkbox" aria-checked="true">
    Tim-Tams
</div>

ARIA 1.0 roles:https://www.w3.org/TR/wai-aria-1.0/#roles

ARIA 1.1 roles (draft):https://www.w3.org/TR/wai-aria-1.1/#roles

ARIA 1.1 practices guide (draft):https://www.w3.org/TR/wai-aria-practices-1.1/