Creating a Dashboard - System : Link does not have discernable link text

Issue Summary

The link is missing accessible link text. As a result its destination or purpose is not conveyed to screen reader users.

Element: Previous and Next links
Location: In pagination which is located just below the table section

Steps to Reproduce

1. Step 1

Actual Results

Actual results

Expected Results

Expected Results

Fix Information
RULE :
The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.

HOW TO FIX:
Fix this issue by using ONE of the following techniques:

1.Use link text contained between the opening <a> and closing </a> elements. Link text can be: visible text, CSS clipped text, or alternative text on an <img> element.

<a href="https://dequeuniversity.com/contact/">Contact Us</a>

<a href="https://www.facebook.com/dequesystems/" class="fbicon"><span class="sr-text">Deque's Facebook page</span></a>

<a href="http://www.deque.com"><img src="deque_logo.png" alt="Deque Systems"></a>

2. Use an aria-label attribute or an aria-labelledby attribute to name a link.

<a href="https://www.facebook.com/dequesystems/" class="fbicon" aria-label="Deque's Facebook page"></a>

REFERENCE:
Deque University: https://dequeuniversity.com/class/semantic-structure2/links/link-text

BACKGROUND:
Links must have discernible text that describes the link's destination for screen reader and other assistive technology users.

Screenshot

Screen Recording

screen recording

Workaround

workaround

Bug Ref: 735028