Lana Lee | University of Windsor

Naeim Farahi | University of Windsor

Ayon Das | University of Windsor

Alessia Roma | University of Windsor

Fran Meloche | University of Windsor

Syed Hassan | University of Windsor

Chelsea Morin | University of Windsor

Anne Dube | University of Windsor

University of Windsor

Craig Harwood | University of Windsor

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

Title / URL	Issues
Lana Lee \| University of Windsorwww.uwindsor.ca/tags/lana-lee	3
Naeim Farahi \| University of Windsorwww.uwindsor.ca/tags/naeim-farahi	3
Ayon Das \| University of Windsorwww.uwindsor.ca/tags/ayon-das	3
Alessia Roma \| University of Windsorwww.uwindsor.ca/tags/alessia-roma	3
Fran Meloche \| University of Windsorwww.uwindsor.ca/tags/fran-meloche	3
Syed Hassan \| University of Windsorwww.uwindsor.ca/tags/syed-hassan	3
Chelsea Morin \| University of Windsorwww.uwindsor.ca/tags/chelsea-morin	3
Anne Dube \| University of Windsorwww.uwindsor.ca/tags/anne-dube	3
University of Windsorwww.uwindsor.ca/	3
Craig Harwood \| University of Windsorwww.uwindsor.ca/tags/craig-harwood	3

Avoid linking to anchors that do not exist

University of Windsor

Where this issue has occurred