fallback
Visual of a lightbulb with many coloured lines superimposed on it

Let’s talk about Links  

on June 8, 2023 at 9:56am |Updated on June 8, 2023 at 9:56am Alt: part of a web page with several links, text reads “Underlined but it is not a link”, “Underlined link but  disappears when the mouse moves over it” , “Link but not underlined and does not change when mouse is moved over it”

Website accessibility audit for an NHS Trust

I have just finished an audit for an NHS Health Trust. Generally, the standard of accessibility was high from my initial checks, but when I started digging deeper with my team, we started to find some issues. This is normal and expected.

Inconsistency

One of the most common issues we come across is inconsistency. This is often found in link behaviour. Usually, a link is underlined, so that you know it is a link and when you select it, you will go somewhere else either on this website or another one. It does not have to be underlined, as long as it changes visually when you move the mouse over it or tab over with it using a keyboard.

Have a look at this screenshot.

There are two words (Contact and More) which are underlined. However, they are not links.

On the right-hand side, there is a series of underlined links. The underline disappears when the mouse is moved over it. If you tab to them with a keyboard, a faint box appears around the active one.

On the bottom left, there are 3 more links, none of which are underlined and they do not change when the mouse moves over them.  If you tab to them with a keyboard, a faint box appears around the active one.

Why does this matter?

If links behave differently on a website, they can be confusing for visitors, whether they are disabled or not. It can actually be quite unsettling, especially for some neurodivergent people.

Keep it simple. Keep it consistent. All your visitors will benefit.

Caption: part of a web page with several links, each set has an arrow pointing at it. Text reads “Underlined but it is not a link”, “Underlined link but  disappears when the mouse moves over it” , “Link but not underlined and does not change when mouse is moved over it”

Would you like to find out more?
If you would like to find out more about website accessibility, please follow these links:

Watch my TED Talk
Find out more about website accessibility audits 
Discuss having an accessibility audit of your website
Have a 1-hour consultation on any aspect of website accessibility 

Clive Loseby
Access by Design

Beautiful, WCAG Compliant, Accessible Website Design
Delivering an Outstanding Website Accessibility Audit
Award-winning Web Design, Chichester

 

 

Related posts