Test Page: .role and .aria-checked DOM properties

Accessibility problems exist when return values for .role and .ariaChecked are "undefined" or return a type that is not the same on every browser. Developers assume that DOM properties for ARIA roles, properties and states are consistent between browsers, and when they are not that causes accessibility problems.

Getting value with .role property

Setting Code	Return value of .role
<input type="checkbox"/>
<div role="checkbox">
e.setAttribute('role', 'checkbox');
e.role = 'checkbox';

Getting value of .ariaChecked property

Setting Code	Return value of .ariaChecked	typeof.ariaChecked
<div role='checkbox' aria-checked='true'>
e.setAttribute('aria-checked', 'true');
e.ariaChecked = 'true'; (String)
e.ariaChecked = true; (Boolean)