Barclays Cloud It | Barclays

Track It │Barclays

Subscription services | Subscription offers | Barclays

Contact us | Barclays

help | Barclays

Branch finder | Barclays

Mortgages | Applying for a mortgage | Barclays

Remortgage | Our best remortgage deals | Barclays

Mortgage guides and advice | Barclays

Digital Eagles | Barclays

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

Barclays Bank

Title / URL	Issues
Barclays Cloud It \| Barclayswww.barclays.co.uk/ways-to-bank/cloud-it/	7
Track It │Barclayswww.barclays.co.uk/ways-to-bank/track-it/	3
Subscription services \| Subscription offers \| Barclayswww.barclays.co.uk/subscriptions/	3
Contact us \| Barclayswww.barclays.co.uk/help/contact-us/	3
help \| Barclayswww.barclays.co.uk/help/	3
Branch finder \| Barclayswww.barclays.co.uk/branch-finder/	3
Mortgages \| Applying for a mortgage \| Barclayswww.barclays.co.uk/mortgages/	2
Remortgage \| Our best remortgage deals \| Barclayswww.barclays.co.uk/mortgages/remortgage/	2
Mortgage guides and advice \| Barclayswww.barclays.co.uk/mortgages/guides/	2
Digital Eagles \| Barclayswww.barclays.co.uk/digital-confidence/eagles/	2

Avoid linking to anchors that do not exist

Barclays Bank

Where this issue has occurred