Talk to us | Gingerbread

Support us | Gingerbread

Corporate support | Gingerbread

Easy ways to give | Gingerbread

Volunteer with us | Gingerbread

Your community | Gingerbread

Our history | Gingerbread

Find information | Gingerbread

Days we celebrate | Gingerbread

Our impact | Gingerbread

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

May 2025

April 2025

Gingerbread

Title / URL	Issues
Talk to us \| Gingerbreadwww.gingerbread.org.uk/talk-to-us/	4
Support us \| Gingerbreadwww.gingerbread.org.uk/support-us/	4
Corporate support \| Gingerbreadwww.gingerbread.org.uk/support-us/corporate-support/	4
Easy ways to give \| Gingerbreadwww.gingerbread.org.uk/support-us/easy-ways-to-give/	4
Volunteer with us \| Gingerbreadwww.gingerbread.org.uk/about-us/volunteering/	4
Your community \| Gingerbreadwww.gingerbread.org.uk/your-community/	4
Our history \| Gingerbreadwww.gingerbread.org.uk/about-us/gingerbread-history/	4
Find information \| Gingerbreadwww.gingerbread.org.uk/find-information/	4
Days we celebrate \| Gingerbreadwww.gingerbread.org.uk/about-us/days-we-celebrate/	4
Our impact \| Gingerbreadwww.gingerbread.org.uk/our-work/our-impact/	4

Avoid linking to anchors that do not exist

Gingerbread

Where this issue has occurred