SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Accessibility driving me insane!

    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!

  2. #2
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    Manchester
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What are the errors? It's looking pretty good to me, nice site design by the way.

  3. #3
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    Manchester
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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,

    HTML Code:
    <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

  4. #4
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,290
    Mentioned
    198 Post(s)
    Tagged
    3 Thread(s)

    accessibility

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

  5. #5
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, but how do I fix it, I have been trying all afternoon........aahhhh!

  6. #6
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    Manchester
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by mumford1
    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.

  7. #7
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  8. #8
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    Manchester
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's just 2 of the links only seperated by whitespace issues.

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

    HTML Code:
    <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,

    HTML Code:
    <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>

  9. #9
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, but where in the code do I insert the pipe class?

  10. #10
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    Manchester
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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>

  11. #11
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the responses


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •