Grouped navigation illustration

I wrote an article about how to start testing screen reader support using VoiceOver. I tend to learn better when I can visualise the things I learned. So I created some graphics to go along with the article to make some of the more abstract concepts more tangible.

One of the concepts in VoiceOver is "grouped navigation". This will allow you to navigate through the screen more quickly by first browsing the top level grouping of elements, and then moving down into them to access specific items. This is what I tried to visualise in this illustration.