Techniques for WCAG 2.0

Skip to Content (Press Enter)


H50: Using map to group links



This technique relates to:


The objective of this technique is to demonstrate how to group links into logical sets using the map element. When links are grouped into logical sets (for example, in a navigation bar or main menu that appears on every page in a site) they should be marked up as a unit. Navigation bars are usually the first thing someone encounters on a page. People who are sighted are often able to ignore navigation parts and start reading the content of the page. Someone using a screen reader must first listen to the text of each link in the navigation bar before reading the interesting content. This technique uses the map element to mark up content so that a user with a screen reader can jump over the navigation bar and avoid reading all of the links.


Example 2: Using map to group links

In this example, the map element groups a set of links, the title attribute identifies it as a navigation bar.

Example Code:

 <map title="Navigation Bar">
    [<a href="home.html">Home</a>] 
    [<a href="search.html">Search</a>] 
    [<a href="new.html">New and highlighted</a>] 
    [<a href="sitemap.html">Site map</a>]


Resources are for information purposes only, no endorsement implied.



Examine the content for anchor elements which are to be grouped together .

  1. Check that the anchor elements are grouped using map elements.

Expected Results