University of Northampton | University of Northampton

﻿Interacting or Interfering? | University of Northampton

Blog | University of Northampton | Page 7

Undergraduate | University of Northampton

Sport Sciences | University of Northampton

The University of Northampton Employment Promise | UON

Equality, Diversity and Inclusion | University of Northampton

Partners | University of Northampton

Supporting You | University of Northampton

Discovery Days | University of Northampton

Do not link to an anchor on the page that does not exist. For example:
linking to `#content` without a valid destination such as `<body id="content"></body>`.

A common web design pattern is to use a named anchor to show an element via JavaScript, e.g.

```html
<a href="#foo" onclick="$('.bar').toggle();">Click me</a>
<div class="bar">
    This is some content.
</div>
``` 

In these cases, the anchor (`#foo`) should point to the `id` of the hidden element:

```html
<a href="#foo" onclick="$('#foo').toggle();">Click me</a>
<div id="foo">
    This is some content.
</div>
```

This way the semantic intent of the link is preserved, even without JavaScript. 
Note that doing so may require modification to your script, to prevent automatic 
scrolling to the named anchor.

linking-to-anchor-on-page-that-does-not-exist

June 2024

May 2024

University of Northampton

Title / URL	Issues
University of Northampton \| University of Northamptonwww.northampton.ac.uk/	2
Interacting or Interfering? \| University of Northamptonwww.northampton.ac.uk/events/interacting-or-interfering/	2
Blog \| University of Northampton \| Page 7www.northampton.ac.uk/blog/page/7/	2
Undergraduate \| University of Northamptonwww.northampton.ac.uk/undergraduate/	2
Sport Sciences \| University of Northamptonwww.northampton.ac.uk/study/courses-by-subject/sport-sciences/	2
The University of Northampton Employment Promise \| UONwww.northampton.ac.uk/student-life/employment-promise/	2
Equality, Diversity and Inclusion \| University of Northamptonwww.northampton.ac.uk/research/equality-diversity-and-inclusion/	2
Partners \| University of Northamptonwww.northampton.ac.uk/community/partners/	2
Supporting You \| University of Northamptonwww.northampton.ac.uk/student-life/support/	2
Discovery Days \| University of Northamptonwww.northampton.ac.uk/about-us/contact-us/discovery-days/	2

Avoid linking to anchors that do not exist

University of Northampton

Where this issue has occurred