Using aria-describedby to define context of a link

Link Context Example

Royal Palm Hotel

Hotel Three Rivers

Source Code

  <h3 id="ref1">Royal Palm Hotel</h3>
  <ul class="horizontal">
    <li><a href="royal_palm_hotel_more_info.html" aria-describedby="ref1">More Info</a></li>
    <li><a href="royal_palm_hotel_map.html" aria-describedby="ref1">Map</a></li>
    <li><a href="royal_palm_hotel_photos.html" aria-describedby="ref1">Photos</a></li>
    <li><a href="hroyal_palm_hotel_directions.html" aria-describedby="ref1">Directions</a></li>
    <li><a href="royal_palm_hotel_reviews.html" aria-describedby="ref1">Guest reviews</a></li>
    <li><a href="royal_palm_hotel_book.html" aria-describedby="ref1">Book now</a></li>
  </ul>

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