The doctype of this page triggers limited quirks mode in Chrome, IE, Firefox and most other browsers. This means pages may look different in different browsers.
Change the DOCTYPE statement to one that does not trigger
quirks mode .
No meta description tag found. Use a description tag that accurately describes the contents of a web page.
A well-written meta description attracts more clicks in search results than
an irrelevant or missing description.
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Use the
lang attribute to identify the language of the page.
In HTML add a lang attribute containing a language code to the html tag, and in PDF set the language using Document Properties in Acrobat. This allows screen readers to pronounce words correctly.
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
4 <meta name="google-site-verification" content="bOU1s6Ohf_aKUhp9kQJcGWnDSAQcTAO-8spJYARofbQ" >
5
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <link rel="stylesheet" media="all" href="simple.css" >
8<link rel="stylesheet" media="screen and (min-width:501px)" href="complex.css" title="complex layout" >
9<!--[if (IE 8)|(IE 7)]>
10<link rel="stylesheet" media="screen" href="complex.css" title="complex layout" />
11<![endif]-->
12
13
14 <title>Kniveton Parish Council</title>
15 <style type="text/css">
16<!--
17@media all and (max-width: 700px) { #pic {display:none} }
18-->
19 </style>
20</head>
21<body>
22<div class="container">
The
div align attribute is deprecated in HTML 4.01.
Replace the align attribute with a CSS text-align property.
23<div align="center" id="toplogo"> <h1 class="headder">Kniveton Parish Council</h1></div>
24
25
26
27<div class="menu" > <!-- enclose menu in div floating left -->
28
29<!--add this --><div id="nav"> <!--Munchkin Crafts -->
30 <a class="nonie" href="#nav" title="Show menu">
Omitting
img width or
height attributes makes the page layout jump about as images load.
This makes the page very hard to read or click while it's loading.
Fix by adding width and height attributes to the img tag matching the image dimensions.
In responsive layouts, specifying width and height prevents layout jumping because the browser can
pre-calculate the final image size when CSS like this is used:
img { max-width: 100%; height: auto }
<img class="nonie" src="http://www.kniveton.net/pc-scripts/menu.png" alt="☰ " height="28px"> <span class="munchkin">Kniveton P. C.</span> </a>
31 <a class="nonie" href="#" title="Hide menu">
Omitting
img width or
height attributes makes the page layout jump about as images load.
This makes the page very hard to read or click while it's loading.
Fix by adding width and height attributes to the img tag matching the image dimensions.
In responsive layouts, specifying width and height prevents layout jumping because the browser can
pre-calculate the final image size when CSS like this is used:
img { max-width: 100%; height: auto }
<img class="nonie" src="http://www.kniveton.net/pc-scripts/close.png" alt="☰ " height="28px"> <span class="munchkin">Kniveton P. C.</span></a> <!--this bit added -->
32
33 <!-- menu -->
34 <ul class="menu">
35
36<li><a title="" href="index.htm" target="">Home</a></li>
37
38<li><a title="" href="accounts.htm" target="">Policies & Accounts</a></li>
39
40<li><a title="" href="councillors.htm" target="">Members</a></li>
41
42<li><a title="" href="agenda.htm" target="">Agenda & Minutes</a></li>
43
44<li><a title="" href="land.htm" target="">Public Land</a></li>
45
46<li><a title="" href="links.htm" target="">Links</a></li>
47
48<li><br></li>
49
50<li><a href="http://www.kniveton.net/news" target="_blank">Kniveton News</a></li></ul>
51
52<div id="square">
53
54<div>
55Parish Clerk:<br>
56Kath Gruber<br>
5721 Church Street</div><div>Holbrook</div><div>Derbyshire</div><div>DE56 0TD<br>
58Tel: 07595515154<br>
59Email: <a title="kniveton.pc@gmail.com" id="norm" href="mailto:kniveton.pc@gmail.com">
Use text links rather than image links. In general, text links are more easily recognized as clickable.
Text links usually download faster, are preferred by users, and should change colors after being selected. It is usually easier to convey a link's destination in text, rather than with the use of an image.
Users often find it hard to tell which images are clickable without moving the cursor over them ('minesweeping').
Another benefit to using text links is that users with text-only and deactivated graphical browsers can see the navigation options.
Omitting
img width or
height attributes makes the page layout jump about as images load.
This makes the page very hard to read or click while it's loading.
Fix by adding width and height attributes to the img tag matching the image dimensions.
In responsive layouts, specifying width and height prevents layout jumping because the browser can
pre-calculate the final image size when CSS like this is used:
img { max-width: 100%; height: auto }
<img alt="kniveton.pc@gmail.com" src="pc-scripts/mail.png"> </a>
60</div><br>
61</div> <!-- end of square -->
62</div> <!-- end of enclosing div floatinng left -->
63</div>
64<div id="pic">
Using the same
alt text on adjacent images results in screen readers stuttering as the same text is read out twice.
Use alt='' for the subsequent adjacent images, or change the redundant alt text.
Omitting
img width or
height attributes makes the page layout jump about as images load.
This makes the page very hard to read or click while it's loading.
Fix by adding width and height attributes to the img tag matching the image dimensions.
In responsive layouts, specifying width and height prevents layout jumping because the browser can
pre-calculate the final image size when CSS like this is used:
img { max-width: 100%; height: auto }
65<img src="http://www.kniveton.net/pictures/church.jpg" alt="banner">
Using the same
alt text on adjacent images results in screen readers stuttering as the same text is read out twice.
Use alt='' for the subsequent adjacent images, or change the redundant alt text.
Omitting
img width or
height attributes makes the page layout jump about as images load.
This makes the page very hard to read or click while it's loading.
Fix by adding width and height attributes to the img tag matching the image dimensions.
In responsive layouts, specifying width and height prevents layout jumping because the browser can
pre-calculate the final image size when CSS like this is used:
img { max-width: 100%; height: auto }
66<img src="http://www.kniveton.net/pictures/hall.jpg" alt="banner">
Using the same
alt text on adjacent images results in screen readers stuttering as the same text is read out twice.
Use alt='' for the subsequent adjacent images, or change the redundant alt text.
Omitting
img width or
height attributes makes the page layout jump about as images load.
This makes the page very hard to read or click while it's loading.
Fix by adding width and height attributes to the img tag matching the image dimensions.
In responsive layouts, specifying width and height prevents layout jumping because the browser can
pre-calculate the final image size when CSS like this is used:
img { max-width: 100%; height: auto }
67<img src="http://www.kniveton.net/pictures/wbank.jpg" alt="banner">
Using the same
alt text on adjacent images results in screen readers stuttering as the same text is read out twice.
Use alt='' for the subsequent adjacent images, or change the redundant alt text.
Omitting
img width or
height attributes makes the page layout jump about as images load.
This makes the page very hard to read or click while it's loading.
Fix by adding width and height attributes to the img tag matching the image dimensions.
In responsive layouts, specifying width and height prevents layout jumping because the browser can
pre-calculate the final image size when CSS like this is used:
img { max-width: 100%; height: auto }
68<img src="http://www.kniveton.net/pictures/grave.jpg" alt="banner">
Using the same
alt text on adjacent images results in screen readers stuttering as the same text is read out twice.
Use alt='' for the subsequent adjacent images, or change the redundant alt text.
Omitting
img width or
height attributes makes the page layout jump about as images load.
This makes the page very hard to read or click while it's loading.
Fix by adding width and height attributes to the img tag matching the image dimensions.
In responsive layouts, specifying width and height prevents layout jumping because the browser can
pre-calculate the final image size when CSS like this is used:
img { max-width: 100%; height: auto }
69<img src="http://www.kniveton.net/pictures/kwood.jpg" alt="banner">
Omitting
img width or
height attributes makes the page layout jump about as images load.
This makes the page very hard to read or click while it's loading.
Fix by adding width and height attributes to the img tag matching the image dimensions.
In responsive layouts, specifying width and height prevents layout jumping because the browser can
pre-calculate the final image size when CSS like this is used:
img { max-width: 100%; height: auto }
70<img src="http://www.kniveton.net/pictures/madge.jpg" alt="banner">
71 </div>
72
73<div class="body" style="min-height:22em;">
74<br><h3>Accounts</h3><div><b>
Avoid underlined text - people will click on it and think it's a broken link.
Use something other than underlining for highlighting text, because it looks like a link, and users become
frustrated when the "link" does not work.
<u> Accounts 2019/2020</u></b></div><div><b><u><br></u></b></div><div>Exemption Certificate </div><div><b><u><br></u></b></div><div><b>
Avoid underlined text - people will click on it and think it's a broken link.
Use something other than underlining for highlighting text, because it looks like a link, and users become
frustrated when the "link" does not work.
<u> Accounts 2018/19</u></b></div><div><b><u><br></u></b></div><div><b><a title="EOY" href="files/finaleoyaccounts20182019.pdf" target="">End of Year Accounts</a></b></div><div><b><br></b></div><div><b><a title="Bank Rec" href="files/bankreconciliation201819kniveton.pdf " target="">Bank Reconciliation</a></b></div><div><b><br></b></div><div><b><a title="ec" href="files/certificateofexemption.pdf " target="">Exemption Certificate</a></b></div><div><b>
Each
a element must contain text or an
img with an
alt attribute.
A link name allows screen readers to voice what the links does. If there is no link text or the `alt` text is blank, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute if the link contains an img element
<a title="" href=" files/publicrights201819.pdf " target=""> </a><br></b></div><div><b><a href="javascript:nicTemp();">Declaration of Published Accounts</a></b></div><div><b>
Each
a element must contain text or an
img with an
alt attribute.
A link name allows screen readers to voice what the links does. If there is no link text or the `alt` text is blank, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute if the link contains an img element
<a href="javascript:nicTemp(); "></a>
Each
a element must contain text or an
img with an
alt attribute.
A link name allows screen readers to voice what the links does. If there is no link text or the `alt` text is blank, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute if the link contains an img element
<a href="javascript:nicTemp(); "></a>
Each
a element must contain text or an
img with an
alt attribute.
A link name allows screen readers to voice what the links does. If there is no link text or the `alt` text is blank, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute if the link contains an img element
<a href="javascript:nicTemp(); "></a><br></b></div><div><b>
Avoid underlined text - people will click on it and think it's a broken link.
Use something other than underlining for highlighting text, because it looks like a link, and users become
frustrated when the "link" does not work.
<u> Accounts 2017/18</u></b></div><div><br></div><div><a title="End of year accounts" href="files/2017_2018.pdf " target="">End of Year Accounts</a></div><div><br></div><div><a title="Bank Reconcilation" href="files/bankreconciliation.pdf" target="">Bank reconciliation</a></div><div><a title="spend" href="files/cashbook2017_2018.pdf" target=""></a><br></div><div><a title="Cash Book" href="files/cashbook20172018.pdf" target="">Specific items of expenditure</a></div><div><a title="Accounting Statement " href="files/annualaccountingstatement20162017.pdf " target=""></a><br></div><div><a title="Accounting Statement " href="files/annualacctstatement.jpeg" target="">Annual Accounting Statement</a></div><div><a title="Governance Statement" href="files/annualgovernancestatement20162017.pdf " target=""></a><br></div><div><a title="Governance Statement" href="files/governance.jpeg" target="">Annual Governance Statement</a></div><div><br></div><div><a title="Audit Variances" href="files/variances201718.pdf " target="">Variances - Audit Report</a></div><div><br></div><div><a title="Public Rights" href="www.kniveton.net/files/publicrights.pdf " target="">Declaration of Published Accounts - Audit Requirement</a></div><div><a title="Exemption Certificate" href="files/exemptioncertificate.jpeg " target=""></a><br></div><div>
Avoid underlined text - people will click on it and think it's a broken link.
Use something other than underlining for highlighting text, because it looks like a link, and users become
frustrated when the "link" does not work.
<u>
font element is deprecated in HTML 4.01.
HTML font elements should be replaced by equivalent CSS rules. For example, you can set the font on every paragraph
by the following CSS rule:
p { font-family: Arial; font-size: 14pt; }
<font color="#000120"> Exemption Certificate</font></u></div><div><u></u>
font element is deprecated in HTML 4.01.
HTML font elements should be replaced by equivalent CSS rules. For example, you can set the font on every paragraph
by the following CSS rule:
p { font-family: Arial; font-size: 14pt; }
<font color="#000120"> </font><br></div><div><b>
Avoid underlined text - people will click on it and think it's a broken link.
Use something other than underlining for highlighting text, because it looks like a link, and users become
frustrated when the "link" does not work.
<u> Policies</u></b></div><div><br></div><div><a title="SO" href="files/standingorders.pdf" target="">Standing Orders</a></div><div><a title="FOI" href="files/freedomofinformation.pdf " target=""></a><br></div><div><a title="Fin Regs" href="files/financialregulations.pdf " target="">Financial Regulations </a></div><div><a title="Code of Conduct" href="files/codeofconduct.pdf " target=""></a><a title="S137" href="files/s137policyandapplicationform201820169.pdf " target=""></a><br></div><div><a title="Code of Conduct" href="files/codeofconduct.pdf " target="">Code of Conduct</a></div><div><a title="Equal Opps Policy" href="files/equalopportunitiespolicy.pdf " target=""></a><br></div><div><a title="Equal Opps Policy" href="files/equalopportunitiespolicy.pdf " target="">Equal Opportunities</a></div><div><a title="Social Media" href="files/socialmediaandelectroniccommunicationpolicy.pdf " target=""></a><br></div><div><a title="FOI" href="files/freedomofinformation.pdf " target="">FOI</a></div><div><a title="GPN" href="files/generalprivacynotice.pdf" target=""></a>
Each
a element must contain text or an
img with an
alt attribute.
A link name allows screen readers to voice what the links does. If there is no link text or the `alt` text is blank, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute if the link contains an img element
<a href="javascript:nicTemp(); "></a><br></div><div><a title="S137" href="files/s137policyandapplicationform20192020.pdf" target="">S137 Grant Policy</a></div><div><a title="IPP" href="/files/informationprotectionpolicy.pdf " target=""></a><br></div><div><a title="Social Media" href="files/socialmediaandelectroniccommunicationpolicy.pdf " target="">Social Media & Electronic Communications</a></div><div><a title="ISP" href="files/informationsecuritypolicy.pdf" target=""></a><br></div><div><b>
Avoid underlined text - people will click on it and think it's a broken link.
Use something other than underlining for highlighting text, because it looks like a link, and users become
frustrated when the "link" does not work.
<u> Data Protection </u></b></div><div><br></div><div><a title="PN" href="files/privacynotice.pdf " target="">Privacy Notice (KPC officials)</a></div><div><a title="Annual Governance statement" href="files/201718annualgovernancestatement.jpeg" target=""></a><br></div><div><a title="GPN" href="files/generalprivacynotice.pdf" target="">General Privacy Notice</a></div><div><a title="ISP" href="files/informationsecuritypolicy.pdf" target=""></a><br></div><div><a title="ISP" href="files/informationsecuritypolicy.pdf" target="">Information Security Policy</a></div><div><a title="Email Privacy" href="files/emailcontactprivacystatement.pdf " target=""></a><br></div><div><a title="IPP" href="files/informationprotectionpolicy.pdf " target="">Information Protection Policy</a></div><div><a title="Retention" href="files/retentionofdocuments.pdf " target=""></a><br></div><div><a title="Email Privacy" href="files/emailcontactprivacystatement.pdf " target="">Email Contact Privacy Policy</a></div><div>
Each
a element must contain text or an
img with an
alt attribute.
A link name allows screen readers to voice what the links does. If there is no link text or the `alt` text is blank, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute if the link contains an img element
<a href="javascript:nicTemp(); "></a><br></div><div><a title="Retention" href="files/retentionofdocuments.pdf " target="">Retention of Documents - Timescales</a></div><div>
Each
a element must contain text or an
img with an
alt attribute.
A link name allows screen readers to voice what the links does. If there is no link text or the `alt` text is blank, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute if the link contains an img element
<a href="javascript:nicTemp(); "></a><br></div><div><br></div><div> </div><div><b></b><u><b><br></b></u></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><u><b></b></u><u><b><br></b></u></div><div><b></b><br></div><div><br></div></div>
75</div> <!-- end of body -->
76
77
78
79
The
div align attribute is deprecated in HTML 4.01.
Replace the align attribute with a CSS text-align property.
80<div id="footer" align="center"> © Copyright Kniveton Parish Council. <a href="edit.php?file=accounts">
Use text links rather than image links. In general, text links are more easily recognized as clickable.
Text links usually download faster, are preferred by users, and should change colors after being selected. It is usually easier to convey a link's destination in text, rather than with the use of an image.
Users often find it hard to tell which images are clickable without moving the cursor over them ('minesweeping').
Another benefit to using text links is that users with text-only and deactivated graphical browsers can see the navigation options.
The
img width and
height attributes don't match the actual image size. This means the image will be distorted or resize during loading.
Image
http://www.kniveton.net/pc-scripts/edit.png actual dimensions:
32 x 32 pixels.
<img src="http://www.kniveton.net/pc-scripts/edit.png" alt="Edit Page" width="16" height="16" > </a><span style="float:right; font-size:small">Last modified: 01 September 2020 </span></div>
81
82</body>
83
84</html>
Issues: