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.
40% 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="#na">See advanced options</a>
|
80 | |
<a href="#na"><span>Find your home</span></a>
|
80 | |
<a class="mobile_navigation_toggle mobile_only" href="#na"><span>Menu</span></a>
|
73 | |
<a class="expand_toggle expand_me nofocus" href="#na">...</a>
|
12 | |
<a class="nofocus" href="#na"><span>List view</span></a>
|
6 | |
<a class="default_shadow nofocus" href="#na"><span>Map view</span></a>
|
6 | |
<a class="expand_toggle expand_me nofocus" href="#na">
New homes for sale from Taylor Wimpey
</a>
|
2 | |
<a class="next_cornerstone" href="#na">Older</a>
|
1 | |
<a class="prev_cornerstone disabled" href="#na">Newer</a>
|
1 | |
<a class="expand_toggle expand_me nofocus" href="#na">
What will it cost me?
</a>
|
1 |
266
distinct issues were
found in the sample of 125 web pages.
Only the first 10 issues are shown here.