Page tree

Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.

Links that have the same text but point to different locations are non-distinguishable and therefor not accessible. Aria-labels may be added to links that have the same text so that screen readers can interpret the difference in the links. Else, change the link name so that they are distinguishable. 

  • Non-distinguishable links commonly occur when main navigation links are not differentiated from the same mobile links
  • This also occurs with breadcrumbs and side navigation as they are duplicative from the top navigation dropdown menus

Code Block
$(".mobile a").each(fuction() {
    $('a'this).attr('aria-label', 'Mobile link to ' + $(this).text() + ' page');