role attributes completely override native element semantics.
role
<ul role="navigation"> ... </ul>
<div role="navigation"> <ul> ... </ul> </div>