Skip to main content

Jim Byrne Accessible Website Design Glasgow for The Third Sector, Voluntary, Charities and Not for Profits

Accessible, Responsive Website Design
Jim Byrne Web Designer

Ensure links work when Javascript doesn’t

If you use Javascript to ‘jazz up’ the navigation on your website, make sure the links still work when Javascript is turned off (or is not supported). Here is a technique I have seen used quite often on web pages; Javascript being used to open a new window when a user clicks a link:

Contact Us

Note that in the above example the URL of the page being linked to will only appear as a result of running the script. This is not good; a user who has Javascript turned off or not available, will not be able to link to this particular page.

You can be sure that whatever you are trying to achieve with your Javascript, there will be a more accessible way to do it, and that is true in this case. The following example is from, and shows how the same effect can be achieved without breaking the link:

Contact Us

(Please note, the W3C guidelines say that you should always warn users before opening a new window.)

Links Javascript article.

Take my Web Accessibility Online Training Course - WCAG 2.1 Compliance

Learn to design and manage WCAG compliant, accessible websites with my online course

You will learn both the techniques of accessible website design and an entire ‘framework for thinking about the subject’. It will equip you with the skills to understand, identify and fix issues any accessibility issues you come across. Watch the free videos to get a taste of what is on the course. Video image from Web Accessibility Online Training Course - WCAG 2.1 Compliance

Related content

Related content

View a list of all blog posts.


Written by :

Avatar of JamesByrne

Let's Chat

07810 098 119