Accessibility driving me insane!

[mumford1]

Could someone please tell me what is wrong with this in terms of accessibility
http://www.clientpreview.co.uk/nr/newcastle/

I use this site to check for any issues/errors
http://webxact.watchfire.com/

It is flagging up 2 errors priority 2 and 3, and I really cannot fix them, does anyone know what is wrong with the code.

Any help much appreciated!

[virtuaffinity]

What are the errors? It's looking pretty good to me, nice site design by the way.

[virtuaffinity]

1st error -

Guideline Instances Line Numbers
13.1 Do not use the same link phrase more than once when the links point to different URLs. 1 65

That's happening becuase you have repeated the text for links to seperate sections. You have,

Hospitality > Introduction
and
Events and Venue Hire > Introduction

I would argue that you should just drop the Introduction links altogether because the top level title links are the introductions anyway. It'll also mean you won't get this error.

2nd error -

Guideline Instances Line Numbers
10.5 Separate adjacent links with more than whitespace. 7 108, 112, 116, 120, 121, 130, 136

This is because there are instances where there is no content seperating the links. For example,

<p><a href="events/" title="Information about events &amp; venue hire">We provide premier service in magnificent surroundings.<img src="images/arrow-infoboxhome.gif" width="9" height="9" alt="find out more" title="find out more" /></a></p>
		<a href="events/" title="Information about events &amp; venue hire"><img src="images/pic-evh.jpg" alt="events and venue hire" title="Details on upcoming events and venue hire" height="71" width="122" /></a> </div>
		<div class="infoboxhome">
		<h1>Hospitality</h1>

		<p><a href="hospitality/" title="Details about hospitality packages">Packages to suit you starting at just £55 per person.<img src="images/arrow-infoboxhome.gif" width="9" height="9" alt="find out more" title="find out more" /></a></p>
		<a href="hospitality/"><img src="images/pic-hospitality.jpg" alt="hospitality" title="hospitality" height="71" width="122" /></a>

A screen reader would possibly see that as just one single link. The full explanation is here

[Mittineague]

How many of your inputs and links have access keys and tab index?
Yellow text on a white background (with image loading off) Ouch!

[mumford1]

Thanks, but how do I fix it, I have been trying all afternoon........aahhhh!

[virtuaffinity]

Thanks, but how do I fix it, I have been trying all afternoon........aahhhh!

point 1 - Drop the Introduction links and just use the top level link instead more usable that way

point 2 - Make the 3 boxes lists of links and use CSS to style them. That's just one way but there are probably others and I wouldn't want to be responsible for saying which is right or wrong. You could probably use | as well to split the links up and use a CSS class to hide them.

[mumford1]

Okay, I now have just 2 errors for Priority 3, not sure why they are failing, I have a link that is within a <h1> Tag, is that the problem?

Would someone mind having a look please, and advise why it is failing

Thank You

[virtuaffinity]

It's just 2 of the links only seperated by whitespace issues.

1. Stick your pipe class in to seperate these links,

<a href="racing/promotions.asp" title="View promotions">Promotions</a></h1>
		
	</div>
</div>
<!--END MAINCONTENT -->

<!--NEXT RACE MEETING -->
<div id="wrapperoffers">
	<div id="nextrace">
		<h1><a href="racing/tickets.asp" title="Details on next race meeting">Next Race Meeting</a> | 26.03.06</h1>

2. and again to seperate these,

<a href="racing/tickets.asp" title="Find out more about the next race meeting">More</a></p>
		<div id="specialoffers">
			<h1><a href="racing/special_offers.asp" title="View speical offers &amp; packages">Special Offers &amp; Packages</a></h1>

[mumford1]

Thanks, but where in the code do I insert the pipe class?

[virtuaffinity]

Point 1.

<a href="racing/promotions.asp" title="View promotions">Promotions</a></h1>
<span class="pipe">|</span></div> </div> <!--END MAINCONTENT --> <!--NEXT RACE MEETING --> <div id="wrapperoffers"> <div id="nextrace"> <h1><a href="racing/tickets.asp" title="Details on next race meeting">Next Race Meeting</a> | 26.03.06</h1>

Point 2.

<a href="racing/tickets.asp" title="Find out more about the next race meeting">More</a><span class="pipe">|</span></p> <div id="specialoffers"> <h1><a href="racing/special_offers.asp" title="View speical offers &amp; packages">Special Offers &amp; Packages</a></h1>

[mumford1]

Thanks for the responses