Using aria-labelledby to define the context of the link

Link Context Example

Royal Palm Hotel

Hotel Three Rivers

Source Code

  <h3 id="ref1">Royal Palm Hotel</h3>
  <ul class="horizontal">
    <li><a id="ref10" href="royal_palm_hotel_more_info.html" aria-labelledby="ref10 ref1">More Info</a></li>
    <li><a id="ref11" href="royal_palm_hotel_map.html" aria-labelledby="ref11 ref1">Map</a></li>
    <li><a id="ref12" href="royal_palm_hotel_photos.html" aria-labelledby="ref12 ref1">Photos</a></li>
    <li><a id="ref13" href="royal_palm_hotel_directions.html" aria-labelledby="ref13 ref1">Directions</a></li>
    <li><a id="ref14" href="royal_palm_hotel_reviews.html" aria-labelledby="ref14 ref1">Guest reviews</a></li>
    <li><a id="ref15" href="royal_palm_hotel_book.html" aria-labelledby="ref15 ref1">Book now</a></li>
  </ul>

  <h3 id="ref2">Hotel Three Rivers</h3>
  <ul class="horizontal">
    <li><a id="ref20" href="hotel_three_rivers_more_info.html" aria-labelledby="ref20 ref2">More Info</a></li>
    <li><a id="ref21" href="hotel_three_rivers_map.html" aria-labelledby="ref21 ref2">Map</a></li>
    <li><a id="ref22" href="hotel_three_rivers_photos.html" aria-labelledby="ref22 ref2">Photos</a></li>
    <li><a id="ref23" href="hotel_three_rivers_directions.html" aria-labelledby="ref23 ref2">Directions</a></li>
    <li><a id="ref24" href="hotel_three_rivers_reviews.html" aria-labelledby="ref24 ref2">Guest reviews</a></li>
    <li><a id="ref25" href="hotel_three_rivers_book.html" aria-labelledby="ref25 ref2">Book now</a></li>
  </ul>