Library Services A-Z | Cheshire West and Chester Council

Screen reader users will see links on a page listed without context, 
so you should ensure the same link text is not used to point to different web
addresses.

For example:

```html

 Learn the latest about our products: 
 <a href="/products/news">News</a>



 Learn the latest about our services: 
 <a href="/company/news">News</a>

``` 

To a screen reader who is listing links, they will only hear:

* News
* News

These links appear to be the same, but they both behave differently. 
One solution, which doesn't require the page design to change, is to add an 
`aria-label` for each link:

```html

 Learn the latest about our products: 
 <a href="/products/news" aria-label="Product news">News</a>



 Learn the latest about our services: 
 <a href="/company/news" aria-label="Company news">News</a>

``` 

Which will be heard as:

* Product news
* Company news

To pass this checkpoint, make sure that links which point to different pages 
have distinct text inside them, or that they specify ARIA labels (`aria-labelledby` or
`aria-label`), or they use hidden text only visible to screen readers
(e.g. `...`) to distinguish them from each 
other.

If links point to the same page (e.g., they redirect or use tracking
parameters, but are functionally equivalent to the user) you can ignore
this issue.

Avoid using the same link text for different destinations

Cheshire West and Chester Council

Where this issue has occurred