Blog

Thrive at Work

Accessibility Statement

News

Procurement

Social Media

Careers and jobs at West Midlands Combined Authority

Energy Capital: Find out about our West Midlands partnership

Environment

Inclusive Growth

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

January 2025

December 2024

West Midlands Combined Authority

Title / URL	Issues
Blogwww.wmca.org.uk/what-we-do/inclusive-growth/blog/	6
Thrive at Workwww.wmca.org.uk/what-we-do/wellbeing/thrive-at-work/	1
Accessibility Statementwww.wmca.org.uk/accessibility-statement/	1
Newswww.wmca.org.uk/news/	1
Procurementwww.wmca.org.uk/procurement/	1
Social Mediawww.wmca.org.uk/what-we-do/careers-hub/social-media/	1
Careers and jobs at West Midlands Combined Authoritywww.wmca.org.uk/careers-at-wmca/	1
Energy Capital: Find out about our West Midlands partnershipwww.wmca.org.uk/what-we-do/environment-energy/energy-capital/	1
Environmentwww.wmca.org.uk/what-we-do/environment-energy/environment/	1
Inclusive Growthwww.wmca.org.uk/what-we-do/inclusive-growth/	1

Avoid linking to anchors that do not exist

West Midlands Combined Authority

Where this issue has occurred