News & Events : Earlham College

Diversity, equity and inclusion : Earlham College

Giving : Earlham College :

Faculty : Earlham College

Cost and affordability : Earlham College

Office of Accounting : Earlham College

About : Earlham College

Sustainability : Earlham College

Get Involved : Earlham College

Rankings : Earlham College

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

August 2025

July 2025

Earlham College

	Title / URL	Issues
	News & Events : Earlham Collegeearlham.edu/news-events/	45
	Diversity, equity and inclusion : Earlham Collegeearlham.edu/about/dei/	6
	Giving : Earlham College :earlham.edu/giving/	6
	Faculty : Earlham Collegeearlham.edu/faculty/	6
	Cost and affordability : Earlham Collegeearlham.edu/cost-affordability/	6
	Office of Accounting : Earlham Collegeearlham.edu/accounting-office/	6
	About : Earlham Collegeearlham.edu/about/	6
	Sustainability : Earlham Collegeearlham.edu/about/sustainability/	6
	Get Involved : Earlham Collegeearlham.edu/alumni/get-involved/	6
	Rankings : Earlham Collegeearlham.edu/about/rankings/	6

Avoid linking to anchors that do not exist

Earlham College

Where this issue has occurred