Using aria-label to define the context of the link

Link Context Example

Royal Palm Hotel

Hotel Three Rivers

Source Code

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

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