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.
Provide a search option on each page of content-rich web sites.
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.
Provide information about the general layout of a site using a site map or table of contents.
You should provide a link labeled 'Site Map' or 'Sitemap' or the equivalent in your language, on every page.
No spelling language has been set so the site won't be checked for spelling errors.
Line 1
Offer an HTML site map to your users with links that point to the important parts of your site. Links embedded in menus, list boxes, and similar elements are not accessible to web crawlers unless they appear in your site map. If the site map is larger than 100 or so links, you may want to break the site map into separate pages.
Use site maps for web sites that have many pages.
Site maps provide an overview of the Web site. They may display the hierarchy of the Web site, may be designed to resemble a traditional table of contents, or may be a simple index.
1<!DOCTYPE html>
Use the LANG attribute to identify the language of the page.
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.
2<html>
3<head>
4<title>Hand made wrought iron gates and railings : Bowland Fabrications</title>
Meta description tag is too long for Bing. Bing recommends keeping the description text under 160 characters in length. The description is
212
characters long.
The major search engines all have different limits for meta description length, and these limits have
changed over time. Avoid descriptions close to the limits to avoid problems when the limits change again.
5<meta name="description" content="Manufacturer of wrought iron fences, gates and railings using master craftsman techniques, our products are hand made to the highest quality and more importantly long lasting - we supply the UK with iron products" />
6<link rel="stylesheet" href="reset.css" />
7<link rel="stylesheet" href="styles.css" />
8</head>
9<body>
10 <div id="main_wrap">
11 <div class="header">
12
This page has more than one H1 element, which violates Bing webmaster guidelines.
Leave the title of the main content as H1 and change other H1 elements to a lower heading level.
<h1><a href="/" title="Bowland Fabrications">Bowland Fabrications</a></h1>
13 <div class="navigation">
14 <ul id="mainmenu">
15 <li class="selected"><a href="/index.html" title="Home">Home</a></li>
16 <li><a href="/estate-railings.html" title="Estate Railings">Estate Railings</a></li>
17 <li><a href="/gates.html" title="Gates and Railings">Gates & Railings</a></li>
18 <li><a href="/bespoke.html" title="Bespoke">Bespoke</a></li>
19 <li><a href="/other.html" title="Other">Other</a></li>
20 <li><a href="/contact.html" title="Contact">Contact</a></li>
21 </ul>
22 </div>
23 <div class="contact">
24 <p>07977 420977</p>
25 <a href="mailto:info@bowlandfab.com">info@bowlandfab.com</a>
26 </div>
27 </div>
28 <div class="content">
29 <div class="homebanner">
30 <div class="banneritem b1">
31
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.
Self-closing syntax ('/>') used on a non-void HTML element. Ignoring the slash and treating as a start tag.
<a href="/index.html" />
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
- NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
- JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
- WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
- VoiceOver Safari OSX 10.10 Reading: Image filename read out.
- VoiceOver Safari iOS 7.1 Touch: Image filename read out.
- SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
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.
An 'img' element must have an
'alt' attribute, except under certain
conditions. For details, consult guidance on
providing text alternatives for images.
<img src="images/banner1.jpg" /></a>
32 <h2>About Us<br />Who we are?</h2>
33 <p>A family owned and run welding and general metal fabrication company, using both old and new craftmanship.</p>
34
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: "Read more"
Screen readers often tab from one link to the next.
Tabbing between links labelled "click here" sounds like "Click here, tab, click here, tab, click here".
Change the link text to make sense when read without the surrounding text.
Users should be able to quickly look at each link and tell where it goes. Link text:
"Read more"
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
<a class="readmore" href="/index.html">Read more</a>
35 </div>
36 <div class="banneritem b2">
37
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.
Self-closing syntax ('/>') used on a non-void HTML element. Ignoring the slash and treating as a start tag.
<a href="/estate-railings.html" />
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
- NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
- JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
- WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
- VoiceOver Safari OSX 10.10 Reading: Image filename read out.
- VoiceOver Safari iOS 7.1 Touch: Image filename read out.
- SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
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.
An 'img' element must have an
'alt' attribute, except under certain
conditions. For details, consult guidance on
providing text alternatives for images.
<img src="images/banner4.jpg" /></a>
38 <h2>Estate & Parkland Fencing</h2>
39 <h3>Manufactured & Installed across the UK.</h3>
40 <p>Estate post and rail fencing and gates come in many styles and design layouts.</p>
41
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: "Read more"
Screen readers often tab from one link to the next.
Tabbing between links labelled "click here" sounds like "Click here, tab, click here, tab, click here".
Change the link text to make sense when read without the surrounding text.
Users should be able to quickly look at each link and tell where it goes. Link text:
"Read more"
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
<a class="readmore" href="/estate-railings.html">Read more</a>
42 </div>
43 <div class="banneritem b3">
44
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.
Self-closing syntax ('/>') used on a non-void HTML element. Ignoring the slash and treating as a start tag.
<a href="/gates.html" />
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
- NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
- JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
- WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
- VoiceOver Safari OSX 10.10 Reading: Image filename read out.
- VoiceOver Safari iOS 7.1 Touch: Image filename read out.
- SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
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.
An 'img' element must have an
'alt' attribute, except under certain
conditions. For details, consult guidance on
providing text alternatives for images.
<img src="images/banner2.jpg" /></a>
45 <h2>Wrought Iron Gates & Railings</h2>
46 <p>Do you want to:</p>
47 <ul>
48 <li>Create an impressive entrance</li>
49 <li>Increase your security</li>
50 <li>Make a visual enhancement to your boundary</li>
51 </ul>
52 <p>You do?</p>
53
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: "Read more"
Screen readers often tab from one link to the next.
Tabbing between links labelled "click here" sounds like "Click here, tab, click here, tab, click here".
Change the link text to make sense when read without the surrounding text.
Users should be able to quickly look at each link and tell where it goes. Link text:
"Read more"
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
<a class="readmore" href="/gates.html">Read more</a>
54 </div>
55 <div class="banneritem b4">
56
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.
Self-closing syntax ('/>') used on a non-void HTML element. Ignoring the slash and treating as a start tag.
<a href="/bespoke.html" />
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
- NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
- JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
- WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
- VoiceOver Safari OSX 10.10 Reading: Image filename read out.
- VoiceOver Safari iOS 7.1 Touch: Image filename read out.
- SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
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.
An 'img' element must have an
'alt' attribute, except under certain
conditions. For details, consult guidance on
providing text alternatives for images.
<img src="images/banner_6.jpg" /></a>
57 <h2>Welding & Fabrication</h2>
58 <p>We offer mobile welding and welding repairs and general metal fabrication or modifications for farms, businesses and households.</p>
59
60 <p>If it's made of metal chances are we can help.</p>
61
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: "Read more"
Screen readers often tab from one link to the next.
Tabbing between links labelled "click here" sounds like "Click here, tab, click here, tab, click here".
Change the link text to make sense when read without the surrounding text.
Users should be able to quickly look at each link and tell where it goes. Link text:
"Read more"
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
<a class="readmore" href="/bespoke.html">Read more</a>
62 </div>
63 </div>
64 <div class="twothirds">
65
This page has more than one H1 element, which violates Bing webmaster guidelines.
Leave the title of the main content as H1 and change other H1 elements to a lower heading level.
<h1>Wrought Iron Gates and Estate Fencing</h1>
66 <p>We are a small family owned welding and fabrication company based in the heart of the rural Forest of Bowland in the North West.</p>
67 <p>Our specialisms reflect our rural setting, <a href="/estate-railings.html">Estate / Park fencing</a>, on which we are able to cover the whole of the UK mainland.</p>
68 <p>Real Craftsman made <a href="/gates.html">wrought iron gates</a> and <a href="/railings.html">railings</a>. On site, off road or even off grid work is not a problem just part of the normal working week for us. We are happy work to your exact specification, ours or perhaps join in consultation to create your ideal without the need for compromise.</p>
69 <p>We can renovate, repair and adapt existing items for posterity or economy.</p>
70 <p>We also offer mobile welding services to farms, households and businesses for smaller jobs offering this service only within 50 miles of the BB7 area on an hourly rate.</p>
71 <p>Also see our <a href="/other.html">other products</a> the Pro- log fast firewood trestle, Boot racks, Kennels and runs.</p>
72 <p>Please note when you visit our <a href="/contact.html">contact page</a> we are often out on site and out of phone service in remote areas and an e-mail can always wait for us to get back into phone service area and call you straight back whatever your needs.</p>
73 </div>
74 <div class="onethird">
75
This page has more than one H1 element, which violates Bing webmaster guidelines.
Leave the title of the main content as H1 and change other H1 elements to a lower heading level.
<h1>What We do</h1>
76 <p>We manufacture gates, railings and fences for parkland, country estates and farms, take a look at some sample work below:</p>
77 <div class="dummyclear10"></div>
78
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
- NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
- JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
- WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
- VoiceOver Safari OSX 10.10 Reading: Image filename read out.
- VoiceOver Safari iOS 7.1 Touch: Image filename read out.
- SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
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.
An 'img' element must have an
'alt' attribute, except under certain
conditions. For details, consult guidance on
providing text alternatives for images.
<img src="/images/gate_sample1.jpg" />
79 <div class="dummyclear10"></div>
80
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
- NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
- JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
- WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
- VoiceOver Safari OSX 10.10 Reading: Image filename read out.
- VoiceOver Safari iOS 7.1 Touch: Image filename read out.
- SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
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.
An 'img' element must have an
'alt' attribute, except under certain
conditions. For details, consult guidance on
providing text alternatives for images.
<img src="/images/es_sample2.jpg" />
81 </div>
82 <div class="dummyclear"></div>
83 <div class="footer">
84 <div class="footerleft">
85 <h3>Bowland Fabrications Ltd.</h3>
86 <p>Harrop Bungalow<br />
87 Slaidburn<br />
88 Clitheroe<br />
89 Lancashire<br />
90 BB7 4TW</p>
91 </div>
92 <div class="footerright">
93 <h3>Tel : 07977 420977</h3>
94 <a href="mailto:info@bowlandfab.com">info@bowlandfab.com</a>
95 <p>Company No:09141935<br />
96 Registerd in England & Wales</p>
97 </div>
98 </div>
99 </div> <!--content -->
100 <div style="clear:both"></div>
101 </div> <!-- main-wrap -->
102</body>
103</html>
Issues:
