VoiceOver test without ARIA

← Return to main list

This test case is designed to determine how landmark elements are displayed in VoiceOver's Rotor Landmark list.

Example

Red

Orange

Blue

Code

<header>
  <h4>Red</h4>
</header>
<main>
  <h4>Orange</h4>
</main>
<aside>
  <h4>Yellow</h4>
</aside>
<nav>
  <h4>Green</h4>
</nav>
<article>
  <h4>Blue</h4>
</article>
<footer>
  <h4>Violet</h4>
</footer>

Results

Chome Rotor Landmarks View
Chome Rotor Landmarks View
Firefox Rotor Landmarks View
Firefox Rotor Landmarks View
Safari Rotor Landmarks View
Safari Rotor Landmarks View

VoiceOver Rotor support chart

← Return to main list