Template letters, forms and HR documents | Acas

Work and employment law advice | Acas

Page not found | Acas

Acas website terms and conditions | Acas

Redundancy | Acas

Copyright | Acas

First time visit: View without clicking anything

Suspension from work | Acas

TUPE transfers | Acas

Blog | Acas

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 2025

May 2025

ACAS

Title / URL	Issues
Template letters, forms and HR documents \| Acaswww.acas.org.uk/templates	1
Work and employment law advice \| Acaswww.acas.org.uk/advice	1
Page not found \| Acaswww.acas.org.uk/invented-url-for-404-page	1
Acas website terms and conditions \| Acaswww.acas.org.uk/terms	1
Redundancy \| Acaswww.acas.org.uk/redundancy	1
Copyright \| Acaswww.acas.org.uk/copyright	1
First time visit: View without clicking anythingwww.acas.org.uk/	1
Suspension from work \| Acaswww.acas.org.uk/suspension	1
TUPE transfers \| Acaswww.acas.org.uk/tupe	1
Blog \| Acaswww.acas.org.uk/blog	1

Avoid linking to anchors that do not exist

ACAS

Where this issue has occurred