Issues:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
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.
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns="http://www.w3.org/1999/xhtml">
<head>
Some pages have the same title, so the title cannot be used to distinguish pages. 'Order takeaway online - local food delivery menus | hungryhouse' is also used on http://hungryhouse.co.uk/,.
Line 5 WCAG2 A F25
Change the TITLE tags so they are unique for each page.
This page title is not unique. Assign unique, descriptive TITLE tags and headings to every page. 'Order takeaway online - local food delivery menus | hungryhouse' is also used on http://hungryhouse.co.uk/,
This page title is not unique. Each page should have a descriptive and meaningfully different title. 'Order takeaway online - local food delivery menus | hungryhouse' is also used on http://hungryhouse.co.uk/,
Line 5 Usability.gov 9:2
Title refers to the text displayed on browser tabs, favorites, and in search engines results pages. If two or more pages have the same title, they cannot be differentiated by users or the Favorites capability of the browser.
<title>Order takeaway online - local food delivery menus | hungryhouse</title>
<base href="http://hungryhouse.co.uk/" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="hungryhouse.co.uk is the UK's premier online takeaway food delivery service. Order takeaway online from over 10,000 peer-reviewed restaurants and takeaways." />
<link href="https://plus.google.com/115565302120133396048" rel="publisher" />
<link href="http://static.hungryhouse.co.uk/css/styles.css?30" rel="stylesheet" type="text/css"/><link rel="stylesheet" type="text/css" href="http://static.hungryhouse.co.uk/css/jquery.uniform.css?30" /><link rel="stylesheet" type="text/css" href="http://static.hungryhouse.co.uk/css/jquery.fancybox.css?30" />
<script type="text/javascript">
var $_hh = {media: "http://static.hungryhouse.co.uk/", base: "http://hungryhouse.co.uk/", self: "http://hungryhouse.co.uk/include/", mobile_version: 'http://hungryhouse.co.uk/~m', host: '.hungryhouse.co.uk', media_path: 'http://static.hungryhouse.co.uk/', iswl : false};
</script>
<script src="http://static.hungryhouse.co.uk/include/common.js?30" type="text/javascript"></script>
<script src="http://static.hungryhouse.co.uk/include/overlib.js?30" type="text/javascript"></script>
<script src="http://static.hungryhouse.co.uk/include/jquery-1.3.2.js?30" type="text/javascript"></script><script src="http://static.hungryhouse.co.uk/include/jquery.cookie.min.js?30" type="text/javascript"></script>
<script src="http://static.hungryhouse.co.uk/include/fancyzoom.js?30" type="text/javascript"></script>
<script src="http://static.hungryhouse.co.uk/include/ajax-v2.js?30" type="text/javascript"></script>
<script src="http://static.hungryhouse.co.uk/include/jquery.cycle.all.min.js?30" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js
"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.tools.min.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.cookie.min.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.history.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.fancybox.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.uniform.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/checkout.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.growl.min.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.easing.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/device.detect.js?30"></script><!-- BEGIN:tracking codes top header -->
"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.tools.min.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.cookie.min.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.history.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.fancybox.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.uniform.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/checkout.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.growl.min.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/jquery.easing.js?30"></script><script language="javascript" type="text/javascript" src="http://static.hungryhouse.co.uk/include/device.detect.js?30"></script><!-- BEGIN:tracking codes top header -->
<meta name="google-site-verification" content="nwWaw9lDdJSi_YeTbtqC6GAdBQ7vG_g3iOGZp1yMJuQ" /><!-- Start Visual Website Optimizer Asynchronous Code -->
<script type='text/javascript'>
var _vwo_code=(function(){
var account_id=6352,
settings_tolerance=2000,
library_tolerance=1500,
use_existing_jquery=false,
// DO NOT EDIT BELOW THIS LINE
f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'
&
u='+encodeURIComponent(d.URL)+'
&
r='+Math.random());var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init();
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
&
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
u='+encodeURIComponent(d.URL)+'
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
&
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
r='+Math.random());var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init();
</script>
<!-- End Visual Website Optimizer Asynchronous Code --><!-- END:tracking codes top header -->
</head>
Add an H1 tag just before the main content describing the page.
<body class="bodyWelcome" id="body_content">
<!-- BEGIN:tracking codes body top -->
<!-- END:tracking codes body top -->
<!-- ClickTaleExcludeBlock -->
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<!-- EndClickTaleExcludeBlock -->
<div class="body">
<div class="topArea">
<div class="header">
HREF="" or SRC="" can cause unexpected effects such as traffic spikes or cookie corruption.
<a class="logo" href="" title="order takeaway online"><span>Hungryhouse.co.uk</span></a>
<div class="userInfo">
<a id="mainmenu-item-join" href="/join" id
="guest-join-button" class="toolTipPopup guestJoinButton"><span>Join</span></a>
="guest-join-button" class="toolTipPopup guestJoinButton"><span>Join</span></a>
<span class="tooltipPopup"><
p>Members benefit from a better Checkout experience, but it's also possible to order as a guest without creating an account.</p></span>
Document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.
Line 48 HTML Validation
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
p>Members benefit from a better Checkout experience, but it's also possible to order as a guest without creating an account.</p></span>
The A NAME attribute is deprecated in XHTML 1.0, and is illegal in XHTML 1.1 Strict.
Line 50 W3C Deprecated
Use the ID attribute instead.
<a href="/?signin=yes" name="signin" id="guest-login-button" rel="#sign-in-popup-wrapper"><span>Sign in</span></a>
</div>
<ul class="mainNav">
<li class="nav-home">
<a href="/"><span>Home</span></a>
</li>
<li>
<a title="My Order" href="/search_loading"><span>My Order</span></a>
</li>
<li>
<a title="Help" href="/contact"><span>Contact/Help</span></a>
</li>
<li>
<a title="Order Tracking" href="/ordertracking" class="homeNavOrderTracking"><span>Order Tracking</span></a>
</li>
</ul>
<div id="header-message" class="larger">
<span>Order Takeaway Online!</span>
</div>
<scrip
t>try{$(".guestJoinButton").tooltip({ position: ['bottom', 'center'], offset: [14, 0]})} catch(e){}</script>
t>try{$(".guestJoinButton").tooltip({ position: ['bottom', 'center'], offset: [14, 0]})} catch(e){}</script>
</div>
</div><div id="main-container">
<div id="maincontent-start"></div>
<div id="maincontent">
<!-- Start body -->
<div id=
"maincontent">
Two or more tags on this page share the same ID. Change the ID so it is unique for each tag.
"maincontent">
<div id="leftcontent" class="signinOnly">
<div class="clear"></div><div class="panel" style="width:638px" id="homepage-sign-in"><div class="paneli"><div class="panelt"><div class="panelTitle">
<div class="notMemberLink">
When the values of the TABINDEX attribute are assigned in a different order than the relationships and sequences in the content, the tab order no longer follows the relationships and sequences in the content.
<div class="notMemberLink">
Not a member? <a href="join" tabindex="130" title="Join to Hungryhouse">Join now</a>
</div>Sign in</div></div>
<div class="panelContent">
<div id="sign-in-popup-wrapper">
<form method="post" action="/?signin=yes" style="margin:0px">
<h4 class="signinHeader">Sign in</h4>
<div class="signinForm">
When the values of the TABINDEX attribute are assigned in a different order than the relationships and sequences in the content, the tab order no longer follows the relationships and sequences in the content.
<p class="signInFormId">
<span class="signinInfo">Sign in with your Member ID and your password...</span>
<label for="sign-in-form-login"><span>Member ID</span></label>
<input id="sign-in-form-login" type="text" name="cust_member_id" value="" tabindex="1"/>
<a href="member_reminder">Forgotten your ID?</a>
</p>
When the values of the TABINDEX attribute are assigned in a different order than the relationships and sequences in the content, the tab order no longer follows the relationships and sequences in the content.
<p class="signInFormPwd">
<label for="sign-in-form-password"><span>Password</span></label>
<input id="sign-in-form-password" type="password" name="cust_password" tabindex="2"/>
<a href="password_reset">Forgotten your Password?</a>
</p>
<!--p class="signInSsl"></p-->
When the values of the TABINDEX attribute are assigned in a different order than the relationships and sequences in the content, the tab order no longer follows the relationships and sequences in the content.
<p>
<input type="hidden" name="home_member_signin_x" value="1" />
<button name="home_member_signin" class="homeMemberSignin" type="submit" tabindex="3"><span>Sign in</span></button>
<a href="https://hungryhouse.co.uk/?signin=yes">
Sign in using secure mode</a>
</p>
</div>
<div class="signinSocial">
<span class="signinInfo">Sign in with your Facebook account</span><div class=" "><a href="/openid/redirect/facebook/" class="facebookSignIn"><span>Facebook</span></a></div></div></form>
<div class="signinJoin">Not a member? <a href="join" title="Join to Hungryhouse">Join now</a></div>
</div></div><div class="panelb"><div></div></div>
<div class="corners TL"></div>
<div class="corners BL"></div>
<div class="corners TR"></div>
<div class="corners BR"></div>
</div></div>
<br class="clear" /><br class="clear" />
</div> <!-- end rightcontnt -->
</div> <!-- end maincontent -->
<div class="clear"></div>
<!-- End body -->
<!-- Google Code for Welcome Page Remarketing List -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1069431180;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "666666";
var google_conversion_label = "zy1ICKaC1AEQjPP4_QM";
var google_conversion_value = 0;
/* ]]> */
</script>
<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/1069431180/?label=zy1ICKaC1AEQjPP4_QM&guid=ON&script=0"/>
</div>
</noscript>
<div id="mobile-notice-bar">
<div id="mobile-center">
<div id="mobile-link">
<a href="javascript:;" id="iphoneApp">Tap to download the new<br/> hungryhouse iPhone App</a>
</div>
<div id="mobile-dismiss">
<a href="javascript:;" id="mobile-notice-dismiss">[x]</a>
</div>
</div>
</div>
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<div class="iphoneAppC" onmouseover="$('.iphoneAppCclose',$(this)).show();" onmouseout="$('.iphoneAppCclose',$(this)).hide();">
<div class="iphoneAppCclose" style="display:none;">
<a onclick="$('.iphoneAppC').hide();$.cookie('iphone-app-adv', 1, {expires: 1, path: '/', domain: $_hh.host})" href="javascript:;">[x] Dismiss</a>
</div>
<map name="iphonemap" id="iphonemap">
<area href="iphone-application" alt="iPhone app now available" shape="poly" coords="0,91,91,91,91,0" />
</map>
<img width="91" height="91" usemap="#iphonemap" src="http://static.hungryhouse.co.uk/images/misc/iphone-app-c.png?30" alt="iPhone app now available" />
</div>
var appLinkTimeOut;
var appLink = document.getElementById("iphoneApp");
var itunesLink = "http://itunes.apple.com/app/id400227047";
function clearIt() {
clearTimeout(appLinkTimeOut);
}
appLink.onclick = function() {
appLinkTimeOut = setTimeout(function() {
window.removeEventListener('pagehide', clearIt, false);
window.location = itunesLink;
}, 300);
window.location = "fb136043799790369://start";
window.addEventListener('pagehide', clearIt, false);
return false;
}
//-->
</script>
</div>
</div>
</div>
<div class="footer">
<div class="footerBody">
<div class="section footerLinks">
<div class="footerBox footerApp">
<h3>Get our mobile app</h3>
<a href="https://play.google.com/store/apps/details?id=com.hungryhouse" class="app-andr"><i class="iconAndroid"></i><span style="display: none !important;">Android App</span></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>
<a href="http://itunes.apple.com/gb/app/hungryhouse-order-takeaway/id400227047?mt=8" class="app-apple"><i class="iconApple"></i><span style="display: none !important;">iPhone App</span></a>
<a href="http://hungryhouse.co.uk/blog/dragons-den/" class="appBBC"><i class="iconBBC"></i><span>BBC</span></a>
</div>
<div class="footerBox">
<h3>Company</h3>
<ul>
<li><a href="about"><span>About Us</span></a></li>
<li>
<a href="recommendations" rel="nofollow"><span>Recommend Restaurant</span></a></li>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="recommendations" rel="nofollow"><span>Recommend Restaurant</span></a></li>
<li>
<a href="restaurateurs" rel="nofollow"><span>Restaurateurs</span></a></li>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="restaurateurs" rel="nofollow"><span>Restaurateurs</span></a></li>
<li>
<a href="partner" rel="nofollow"><span>Partner Portal</span></a></li>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="partner" rel="nofollow"><span>Partner Portal</span></a></li>
<li>
<a href="contact" rel="nofollow"><span>Contact Us</span></a></li>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="contact" rel="nofollow"><span>Contact Us</span></a></li>
<li><a href="blog/"><span>Blog</span></a></li>
<li><a href="sitemap"><span>Sitemap</span></a></li>
<li>
<a href="faq" title="FAQ" rel="nofollow"><span>Frequently Asked Questions</span></a></li>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="faq" title="FAQ" rel="nofollow"><span>Frequently Asked Questions</span></a></li>
<li><a href="faq/Gift%20Vouchers" title="Gift Vouchers"><span>Gift Vouchers</span></a></li>
</ul>
</div>
<div class="footerBox">
<h3>Now serving</h3>
<ul>
<li><a href="birmingham_takeaway"><span>Birmingham</span></a></li>
<li><a href="brighton_takeaway"><span>Brighton</span></a></li>
<li><a href="glasgow_takeaway"><span>Glasgow</span></a></li>
<li><a href="leeds_takeaway"><span>Leeds</span></a></li>
<li><a href="leicester_takeaway"><span>Leicester</span></a></li>
<li><a href="liverpool_takeaway"><span>Liverpool</span></a></li>
<li><a href="london_takeaway"><span>London</span></a></li>
<li><a href="manchester_takeaway"><span>Manchester</span></a></li>
<li><a href="newcastle_takeaway"><span>Newcastle</span></a></li>
<li><a href="sheffield_takeaway"><span>Sheffield</span></a></li>
<li><a href="takeaway"><span>All locations</span></a></li>
</ul>
</div>
<div class="footerBox">
<h3>Best Takeaways</h3>
<ul>
<li><a href="indian_takeaway"><span>Indian Takeaway</span></a></li>
<li><a href="chinese_takeaway"><span>Chinese Takeaway</span></a></li>
<li><a href="thai_takeaway"><span>Thai Takeaway</span></a></li>
<li><a href="pizza"><span>Pizza Delivery</span></a></li>
<li><a href="sushi"><span>Sushi Delivery</span></a></li>
<li><a href="halal_takeaway"><span>Halal Takeaway</span></a></li>
<li><a href="takeaway"><span>All takeaway cuisines</span></a></li>
</ul>
</div>
</div>
<div class="copyRights">
<div class="footerLogos">
<div id="logos">
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a class="footLinkNectar" href="/news/Awards/hungryhouse-takes-top-business-award_875" title="hungryhouse takes top business award" rel="nofollow"><span>hungryhouse takes top business award</span></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>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a class="footLinkSmartest" title="Hungryhouse recognised as one of the UK's smartest small businesses" href="/news/Press%20releases/hungryhouse-recognised-as-one-of-the-uk-s-smartest-small-businesses_701" rel="nofollow"><span>Hungryhouse recognised as one of the UK’s smartest small businesses</span></a>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a class="footLinkReward" title="Hungryhouse rewarded for its innovation" href="/news/What%20We%20Are%20Excited%20About/hungryhouse-rewarded-for-its-innovation_688" rel="nofollow"><span>Hungryhouse rewarded for its innovation</span></a>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a class="footLinkDragon" href="/news/Videos/hungryhouse-co-uk-tempts-dragons-to-a-takeaway_156" title="Dragons Den" rel="nofollow"><span>Dragons Den</span></a>
</div>
</div>
©2007-2013 hungryhouse.com limited | 78 York Street, London, W1H 1DP. <br/>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="/privacy" title="Privacy Policy" rel="nofollow">Privacy Policy</a>
|
<a href="/terms" title="Terms of Use" rel="nofollow">Terms of Use</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>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="/terms" title="Terms of Use" rel="nofollow">Terms of Use</a>
|
<a href="/cookies" title="About cookies" rel="nofollow">About Cookies</a>
PageRank is distributed amongst all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="/cookies" title="About cookies" rel="nofollow">About Cookies</a>
| <a href="http://hungryhouse.co.uk/~m/">Mobile site</a>
<br />
</div>
<div class="aDeliveryHeroCompany">
<a href="http://www.deliveryhero.com/" title="A Delivery Hero Company" target="_blank">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 267 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="http://static.hungryhouse.co.uk/images/ads/dh_black.png?30" alt="A Delivery Hero Company" border="0"/>
</a>
</div>
</div>
</div>
<script type="text/javascript" src="//apis.google.com/js/plusone.js"></script><div id="membership-benefits-wrapper"><div id="membership-benefits" class="tooltip"><h3>Why become a member?</h3><ul>
<li>Save your details for faster, easier ordering</li>
<li>One-click re-ordering of previous meals from your order history</li>
<li>'Like' restaurants, to make it easier to find them next time you visit hungryhouse</li>
<li>Leave personalized notes about any restaurant - eg "their pork balls are amazing!!"</li>
<li>Opt-in for email updates of special offers and new menus in your area</li>
</ul>
<p>Own a restaurant? <a href="restaurateurs2">Contact us</a></p></div></div>
<script type="text/javascript">
$(document).ready(function() {
if($("#guest-join-button").length){
var tmp = $("#membership-benefits").clone();
$("#membership-benefits-wrapper").remove();
$("#guest-join-button").after(tmp);
$("#guest-join-button").tooltip({
position: ["bottom", "right"],
offset: [14, 0],
opacity: 0.8
});
}
});
</script>
<!-- BEGIN:tracking codes body bottom -->
<script type="text/javascript" src="http://static.hungryhouse.co.uk/include/tracking.system.js?30"></script><script type="text/javascript">
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script><script type="text/javascript">var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-650065-1']);
_gaq.push(['_setDomainName', '.hungryhouse.co.uk']);
_gaq.push(['_addIgnoredRef', 'hungryhouse.co.uk']);
_gaq.push(['_setAllowAnchor', true]);
_gaq.push(['_setCampaignCookieTimeout', '2592000000']);_gaq.push('_setVar', 'rebrand');_gaq.push('_setCustomVar', 1, 'design', 'rebrand');_gaq.push(['_trackPageview', location.pathname + '+content/' + location.search]);
$_hh.tracking.base.register("ga", ['event', 'trans', 'ga', 'gajax', 'error'], function (type, category, action, opt_label, opt_value) {
opt_value = parseInt(opt_value);
if (isNaN(opt_value)) {
opt_value = null;
}
if (type != "trans") {
_gaq.push(["_trackEvent", category, action, opt_label, opt_value]);
}
});
</script>
<script type="text/javascript">var google_tag_params = {"pageType":"other_pages","partpostcode":"","fullpostcode":"","city":"","restaurantname":"","restaurantID":"","cuisine":"","post_partpostcode":"","post_fullpostcode":"","post_city":"","post_restaurantname":"","post_restaurantID":"","post_cuisine":"","post_basketValue":"","post_date":"","post_dayOfWeek":"","post_gender":"","post_numberofOrder":""};</script>
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 996602259;
var google_conversion_label = "ZaqACN2U1QQQk-Ob2wM";
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/996602259/?value=0&label=ZaqACN2U1QQQk-Ob2wM&guid=ON&script=0"/>
</div>
</noscript>
<script type="text/javascript">$(window).load(function() {
$('body').append('<s
c'+'rip'+'t async="" src="http://www.dwin1.com/3898.js"></
s'+'cri'+'pt>');
This happens when the version of HTML used on this page doesn't support an element with this name. This can happen
if the element is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 element and Strict DOCTYPEs don't allow stylistic elements
and frames which were present in earlier versions of HTML.
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 340 Internet Explorer ≤ 7.0
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like unclosed comments or unclosed title tags mean search engine may miss important content.
c'+'rip'+'t async="" src="http://www.dwin1.com/3898.js"></
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 340 Internet Explorer ≤ 7.0
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like unclosed comments or unclosed title tags mean search engine may miss important content.
s'+'cri'+'pt>');
});
</scrip
t><script type="text/javascript">
This often occurs in XHTML on tags like IMG, LINK, META and BR when the closing / has been omitted.
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 342 Internet Explorer ≤ 7.0
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like unclosed comments or unclosed title tags mean search engine may miss important content.
t><script type="text/javascript">
$(window).load(function() {
(function() {
var d=document,
h=d.getElementsByTagName('head')[0],
s=d.createElement('script');
s.type='text/javascript';
s.async=true;
s.src='http://static.hungryhouse.co.uk/include/tracking.maxemail.js?30';
h.appendChild(s);
}());
}); </script><script type="text/javascript"><!--
document.write(unescape("%3Cscript id='pap_x2s6df8d' src='http://pap.hungryhouse.co.uk/scripts/trackjs.js' type='text/javascript'%3E%3C/script%3E"));//-->
</script>
<script type="text/javascript"><!--
try {
PostAffTracker.setAccountId('default1');
PostAffTracker.disableTrackingMethod('F');
PostAffTracker.track();
} catch (err) { }
//-->
</script><script type="text/javascript">
$(window).load(function() {
var d=document,
h=d.getElementsByTagName('body')[0],
s=d.createElement('img');
s.src='/os.gif?os=http://hungryhouse.co.uk/?signin=yes&signin=yes';
s.width=1; s.height=1;
s.className='os';
s.alt='';
h.appendChild(s);
});
</script>
<noscript><img alt="" width="1" height="1" class="os" src="/os.gif?os=http://hungryhouse.co.uk/?signin=yes&signin=yes" /></noscript><script type="text/javascript">
var GoSquared = {};
GoSquared.acct = 'GSN-178163-Q';
(function (w) {
function gs() {
w._gstc_lt = +new Date;
var d = document, g = d.createElement('script');
g.type = 'text/javascript';
g.src = '//d1l6p2sc9645hc.cloudfront.net/tracker.js';
var s = d.getElementsByTagName('script')[0];
s.parentNode.insertBefore(g, s);
}
The element.attachEvent method was removed in Internet Explorer 11.
Line 387 Internet Explorer ≥ 11.0
Use the W3 standard addEventListener() instead, using feature detection to support old versions of IE:
if (obj.addEventListener) {
// use W3 DOM method if available (Chrome, Firefox, IE9+, Opera 7+)
obj.addEventListener('click', myClick, false);
} else if (obj.attachEvent) {
// fallback for IE8 and earlier
obj.attachEvent('onclick', myClick);
} else {
// fallback to DOM level 0 (only allows single event handler per event for each element)
obj.onclick = myClick;
}
w.addEventListener ? w.addEventListener('load', gs, false) : w.attachEvent('onload', gs);
})(window);
</script><!-- END:tracking codes body bottom -->
<scrip
t>$(document).ready(function(){$('input[type="checkbox"], input[type="radio"]').uniform();})</script><scrip
t>
t>$(document).ready(function(){$('input[type="checkbox"], input[type="radio"]').uniform();})</script><scrip
t>
if($_hh.deviceInfo.type.ipad){
$(".tooltip , .tooltipPopup, .toolTipPopup").each(function(){
$(this).unbind();
});
}
</script><script type="text/javascript">$(document).ready(function(){
if($_hh){
if($_hh.deviceInfo){
if($_hh.deviceInfo.type){
for(var i in $_hh.deviceInfo.type){
if($_hh.deviceInfo.type[i]){
$("body").addClass("deviceMobile");
break;
}
}
}
}
}
});</script></body></html>