What does this mean?
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.
<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:
<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.
82.4% done
How close this website is to fixing this issue.
This issue is quite technical.
To understand what is going on, you may need some familiarity with
HTML,
the language used to create web pages. Ask a web developer if you need help.
HTML | Found on page | Issues |
---|---|---|
<a href="#Highlights" data-linkmatch="Highlights">Highlights</a>
|
21 | |
<a href="#hello%20fresh" data-linkmatch="hello fresh">hello fresh</a>
|
20 | |
<a href="#279356" data-linkmatch="279356">Kerry Robinson</a>
|
20 | |
<a href="#Kop" data-linkmatch="Kop">Kop</a>
|
20 | |
<a href="#Wycombe" data-linkmatch="Wycombe">Wycombe</a>
|
20 | |
<a href="#379482" data-linkmatch="379482">Joey Phuthi</a>
|
20 | |
<a href="#Holstein" data-linkmatch="Holstein">Holstein</a>
|
20 | |
<a href="#Olive%20Grove%20Years" data-linkmatch="Olive Grove Years">Olive Grove Years</a>
|
20 | |
<a href="#S6%20Foodbank" data-linkmatch="S6 Foodbank">S6 Foodbank</a>
|
20 | |
<a href="#Connor%20Wickham" data-linkmatch="Connor Wickham">Connor Wickham</a>
|
20 |
8411
distinct issues were
found in the sample of 125 web pages.
Only the first 10 issues are shown here.