Issues:
This page has no privacy policy. If your web server logs visits, then every page reachable by a search engine should have a privacy policy explaining what is logged and how the logs are used.
Line 1 EU Privacy Regulations
A well-written description tag attracts more clicks in search results than
an irrelevant or missing description.
A search option should be provided on all pages where it may be useful - users should not have to return to the homepage to conduct a search. Search engines can be helpful on content-rich web sites, but do not add value on other types of sites.
<!DOCTYPE html>
<html
>
In HTML add a LANG attribute to the HTML tag, and in PDF set the language using Document Properties in Acrobat. This allows screen readers to pronounce words correctly.
>
<head>
<title>ParkingEye Car Park Management - Home</title>
<link href="/Content/reset.css" rel="stylesheet" type="text/css" />
<link href="/Content/site.css?v=20130604" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/Scripts/swfobject.js" type="text/javascript"></script>
</head>
<body
>
Add an H1 tag just before the main content describing the page.
>
<div class="wrapper">
<div class="header">
<div class="links">Pay Your Parking Charge, <a href="https://payments.parkingeye.co.uk/"
>click here</a> | <a href="http://customer.parkingeye.co.uk/">Customer Login »</a> </div>
Don't use generic text like "Click Here" or "Read More" in link text, because it says nothing about the link target when read out by a screen reader. Link text:
"click here"
Line 16 WCAG2 AAA F84
Either change the link text, or add a TITLE attribute to the link with a fuller description of the link destination.
Users should be able to quickly look at each link and tell where it goes. Link text:
"click here"
Line 16 Usability.gov 10:1
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
>click here</a> | <a href="http://customer.parkingeye.co.uk/">Customer Login »</a> </div>
<div class="logo"><a href="/"><img src="/Content/Images/pe_logo.gif" width="168" height="46" border="0" alt="ParkingEye Car Park Management"/
></a></div>
></a></div>
</div>
<div class="body">
<div class="left">
<ul class="menu">
<li><a href="/"
>Home</a></li>
An active 'Home' link on the home page makes some users think that it's not the home page.
Line 24 Usability.gov 5:6
>Home</a></li>
<li><a href="/AboutUs">About Us</a></li>
<li><a href="/Products">Products</a></li>
<li><a href="/KeyBenefits">Key Benefits</a></li>
<li><a href="/Testimonials">Testimonials</a></li>
<li><a href="https://payments.parkingeye.co.uk/">Pay Your Parking Charge</a></li>
<li><a href="/ParkingChargeFAQ">Parking Charge FAQ</a></li>
<li><a href="/News">News</a></li>
<li><a href="/Contact">Contact</a></li>
</ul>
<ul class="accreditations">
<li class="bpaaos"><a href="http://www.britishparking.co.uk/" title="BPA Approved Operator Scheme">BPA Approved Operator Scheme</a></li>
<li class="hpc"><a href="http://www.britishparking.co.uk/" title="BPA Hospital Parking Charter">BPA Hospital Parking Charter</a></li>
<li class="contractorplus"><a href="http://www.sm-ms.co.uk/" title="Contractor Plus">Contractor Plus</a></li>
<li class="safecontractor"><a href="http://www.safecontractor.com/" title="Safe Contractor Approved">Safe Contractor Approved</a></li>
<li class="dmuk"><a href="http://www.disabledmotoring.org/" title="Disabled Motoring UK">Disabled Motoring UK</a></li>
<li class="apprenticeships"><a href="http://www.apprenticeships.org.uk/">Apprenticeships</a></li>
</ul>
</div>
<div class="right">
<div id="LandingAnimation"><div id="FlashContainer"><img src="/Content/Images/landing_no_flash.jpg" width="725" height="430" border="0"/
></div></div>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
></div></div>
<div id="LandingWells"
JavaScript changes: added sizzle-1379934715028='[object Object]'
> <div class="well1">
<h2
>About ParkingEye</h2>
Use headings in the appropriate HTML order (don't put H1 inside an H2, or H2 inside H3 etc.)
Line 52 Usability.gov 9:7
Using the appropriate HTML heading order helps users get a sense of the hierarchy of information on the page. The appropriate use of H1-H3 heading tags also allows users of assistive technologies to understand the hierarchy of information.
>About ParkingEye</h2>
<p>By recording all vehicles entering and exiting the car park and, where relevant, comparing this to any parking payments made (P&D, Paid by Mobile, Contract etc), a fully automated enforcement service is possible 24/7.</p>
</div>
<div class="well2">
<h2
>Latest News</h2>
Use headings in the appropriate HTML order (don't put H1 inside an H2, or H2 inside H3 etc.)
Line 56 Usability.gov 9:7
Using the appropriate HTML heading order helps users get a sense of the hierarchy of information on the page. The appropriate use of H1-H3 heading tags also allows users of assistive technologies to understand the hierarchy of information.
>Latest News</h2>
<p id="NewsSnippet" data-current-snippet="0">ParkingEye fights back against the forums and win over 90% of County Court Hearings</p>
<p><a href="/News" style="font-weight: normal;">Read More »</a></p>
</div>
</div>
<script type="text/javascript">
This page uses script to periodically refresh the entire page which causes screen readers to re-read the entire page every refresh.
Line 63 WCAG2 AAA F61
Remove or modify the script causing the refresh.
$(document).ready(function () {
swfobject.embedSWF('/Content/Flash/landing.swf', 'FlashContainer', '725', '430', '9.0.0');
// News
var newsSnippets = new Array();
newsSnippets[0] = 'ParkingEye fights back against the forums and win over 90% of County Court Hearings';
newsSnippets[1] = 'ParkingEye is now processing County Court Claims in bulk via the Northampton County Court Bulk Centre (CCBC) / Claims Production Centre (CPC)';
newsSnippets[2] = 'ParkingEye is pleased to announce that we have appointed nationwide law firm LPC Law to represent us at County Court hearings';
var replaceSnippet = function () {
var currentSnippet = $('#NewsSnippet').data('current-snippet');
$('#NewsSnippet').fadeOut(function () {
var nextSnippet = currentSnippet + 1;
if (nextSnippet == newsSnippets.length) nextSnippet = 0;
$('#NewsSnippet').text(newsSnippets[nextSnippet]).data('current-snippet', nextSnippet).fadeIn();
window.setTimeout(replaceSnippet, 4000);
});
};
window.setTimeout(replaceSnippet, 4000);
var well = $('#LandingWells .well2');
$(well).css('cursor', 'pointer').on('click', function() { window.location.href = '/News'; });
});
</script>
</div>
<div class="chevron"></div>
</div>
<div class="footer">
<div class="links">
<a href="/"
>Home</a> |
An active 'Home' link on the home page makes some users think that it's not the home page.
Line 98 Usability.gov 5:6
>Home</a> |
<a href="/AboutUs"
>About Us</a> |
Without a skip link, screen readers read out the navigation links on every page before reading the page content.
Headings can be a substitute in limited circumstances, but they're not used by all screen reader users,
and many other assistive technology users have no way to navigate via headings.
Add a "Skip to Content" link at the start of the document hidden offscreen by CSS, and made visible on focus, so it's available to keyboard and screen reader users:
<a class="accessible" href="#main">[Skip to Content]</a>
>About Us</a> |
<a href="/Products">Products</a> |
<a href="/KeyBenefits">Key Benefits</a> |
<a href="/Testimonials">Testimonials</a> |
<a href="/Contact">Contact</a> |
<a href="/Home/TermsAndConditions">Terms & Conditions</a> |
<a href="http://www.parkingeyejobs.co.uk/">Jobs / Careers</a>
</div>
</div>
</div>
</body>
</html>