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

Example of adding aria-labels to mobile menu with JS

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