1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.

(1)

Wednesday October 14, 2020 19:24:09

Source URL: http://www.haydon-bridge.co.uk

Source Title: Haydon Bridge

Accessibility Review (Guidelines: WCAG 2.0 (Level AA))

Report on known problems (37 found):

1.3 Adaptable: Create content that can be presented in different ways (for example

simpler layout) without losing information or structure.

Success Criteria 1.3.1 Info and Relationships (A)

Check 57: input element, type of "text", missing an associated label.

Repair: Add a label element that surrounds the control's label. Set the for attribute on the label element to the same value as the id attribute of the control. And/or add a title attribute to the input element. And/or create a label element that contains the input element.

Line 196, Column 3:

<input name="zoom_query" type="text" class="search" onfocus="javascript: if(this.value == 'Search si ...

Check 213: input element, type of "text", has no text in label.

Repair: Add text to the input element's associated label that describes the purpose or function of the control.

1.4 Distinguishable: Make it easier for users to see and hear content including

separating foreground from background.

Success Criteria 1.4.3 Contrast (Minimum) (AA)

Check 304: The contrast between the colour of selected link text and its background is not sufficient to meet WCAG2.0 Level AA.

Repair: Use a colour contrast evaluator to determine if selected link text and background colours provide a contrast ratio of 4.5:1 for standard text, or 3:1 for larger text. Change colour codes to produce sufficient contrast. http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html#visual-audio-contrast-contrast-resources-head

<a href="home-events.php">Local Events</a>

CSS rules for the element:

External CSS (http://www.haydon-bridge.co.uk/text-home.css):

(2)

color:#C2956C; text-decoration:none; } #navigation{ width:140px; float:left; Line 203, Column 15: <a href="home-map.php">Map</a>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #navigation li a:hover{ color:#C2956C; text-decoration:none; } #navigation{ width:140px; float:left; Line 204, Column 15:

<a href="http://www.bbc.co.uk/weather/2647263" target="_blank">Weather</a>

(3)

<a href="home-gallery.php">Photo Gallery</a>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #navigation li a:hover{ color:#C2956C; text-decoration:none; } #navigation{ width:140px; float:left; Line 206, Column 15: <a href="home-history.php">History</a>

<a href="home-parish.php">Haydon Parish Council</a>

#navigation li a:hover{

(4)

text-decoration:none; } #navigation{ width:140px; float:left; Line 208, Column 15:

<a href="community-development.php">Haydon Development Trust</a>

<a href="http://www.haydon-news.co.uk" target="_blank">The Haydon News</a>

<a href="home-links.php">Useful Links</a>

(5)

<a href="home-contact.php">Contact Us</a>

<a href="home-terms.php">Terms & Conditions</a>

#navigation li a:hover{

color:#C2956C; text-decoration:none; }

(6)

#navigation{

width:140px; float:left;

<a href="home-privacy.php">Privacy Policy</a>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #navigation li a:hover{ color:#C2956C; text-decoration:none; } #navigation{ width:140px; float:left; Line 214, Column 15: <a href="home-accessibility2.php">Accessibility</a>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #navigation li a:hover{ color:#C2956C; text-decoration:none; } #navigation{ width:140px; float:left;

Check 301: The contrast between the colour of text and its background for the element is not sufficient to meet WCAG2.0 Level AA.

Repair: Use a colour contrast evaluator to determine if text and background colours provide a contrast ratio of 4.5:1 for standard text, or 3:1 for larger text. Change colour codes to produce sufficient contrast.

(7)

http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html#visual-audio-contrast-contrast-resources-head

Line 69, Column 161: <strong>Here</strong>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; } .link{ color:#C2956C; Line 75, Column 150: <strong>Online</strong>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; } .link{ color:#C2956C; Line 80, Column 134: <strong>Here</strong>

(8)

width:580px; float:right; background:#FFF; } .link{ color:#C2956C; Line 85, Column 177: <strong>Here</strong>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; } .link{ color:#C2956C; Line 102, Column 135:

(9)

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; } .link{ color:#C2956C; Line 104, Column 209: <strong>Dennis Telford</strong>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; } .link{ color:#C2956C; Line 107, Column 192: <strong>Waste Collection</strong>

#mainContent{

(10)

float:right; background:#FFF; } .link{ color:#C2956C; Line 110, Column 105: <strong>Click Here</strong>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; } .link{ color:#C2956C; Line 118, Column 64: <strong>http://www.haydonbridgesurgery.co.uk/</strong>

(11)

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; }

(12)

.link{

color:#C2956C;

Line 170, Column 108: <strong>Click Here</strong>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; } .link{ color:#C2956C; Line 173, Column 129: <strong>Privacy Policy </strong>

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; } .link{ color:#C2956C; Line 173, Column 213:

<strong>Terms and Conditions</strong>

(13)

External CSS (http://www.haydon-bridge.co.uk/text-home.css): #mainContent{ width:580px; float:right; background:#FFF; } .link{ color:#C2956C;

Success Criteria 1.4.4 Resize text (AA) Check 177: font used.

Repair: Remove the font element from the document. Line 200, Column 31:

2.1 Keyboard Accessible: Make all functionality available from a keyboard.

Success Criteria 2.1.1 Keyboard (A)

Check 107: onmouseover event handler missing onfocus event handler.

Repair: Add an onfocus handler to your script that performs the same function as the onmouseover handler.

<a href="community.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('CommunityButton' ...

<a href="http://ec.europa.eu/agriculture/rurdev/index_en.htm" target="_blank" onblur="MM_swapImgRest ...

3.3 Input Assistance: Help users avoid and correct mistakes.

Success Criteria 3.3.2 Labels or Instructions (A)

Check 188: Label text is empty. Repair: Add text to the label element.

<input name="zoom_query" type="text" class="search" onfocus="javascript: if(this.value == 'Search si ... Line 197, Column 3:

<input name="submit" type="image" class="search" src="images/search.gif" border=0 alt="search site" ...

4.1 Compatible: Maximize compatibility with current and future user agents, including

assistive technologies.

(14)

Success Criteria 4.1.1 Parsing (A) Check 185: id attribute is not unique.

Repair: Modify the id attribute value so it is unique. Line 218, Column 1:

(15)

Report on likely problems (7 found):

1.3 Adaptable: Create content that can be presented in different ways (for example

simpler layout) without losing information or structure.

Success Criteria 1.3.1 Info and Relationships (A)

Check 82: p element may be misused (could be a header). Line 63, Column 9:

<p style="margin-top: 0;"><strong>News Headlines</strong></p> Line 66, Column 1:

<p class="link style14" style="margin-top: 0;"><strong><a href="https://www.northumberland.gov.uk/co ... Line 76, Column 1:

<p class="style1" style="margin-bottom: 0;"><strong>Library Closure</strong></p> Line 121, Column 6:

<p style="margin-top: 0; margin-bottom: 0;"><strong>Contacts:</strong></p> Line 200, Column 28:

2.4 Navigable: Provide ways to help users navigate, find content, and determine

where they are.

Success Criteria 2.4.4 Link Purpose (In Context) (A)

Check 173: Suspicious link text (contains placeholder text). Line 110, Column 58:

<a href="HaydonBridgeArchive.php" class="link"><strong>Click Here</strong></a> Line 170, Column 40:

(16)

Report on potential problems (177 found):

1.1 Text Alternatives: Provide text alternatives for any non-text content

Success Criteria 1.1.1 Non-text Content (A)

Check 8: img element may require a long description. Line 57, Column 23:

<img src="images/hbback.jpg" alt="Haydon Bridge logo" title="Haydon Bridge logo" width="411" height= ... Line 57, Column 1619:

<img src="images/community-off.jpg" alt="Click here to go to the community section of the website" n ...

Check 16: Alt text is not empty and image may be decorative. Line 57, Column 23:

<img src="images/home-off.jpg" alt="Click here to go to the home section of the website" title="Home ... Line 57, Column 754:

<img src="images/visitors-off.jpg" alt="Click here to go the visitor section of the website" title=" ... Line 57, Column 1181:

<img src="images/services-off.jpg" alt="Click here to go to the service section of the website" titl ... Line 57, Column 1619:

<img src="images/community-off.jpg" alt="Click here to go to the community section of the website" n ... Line 187, Column 9:

<img src="images/defra.jpg" alt="Defra - Department for Environment, Food and Rural Affairs" title=" ... Line 187, Column 194:

<img src="images/leader.jpg" alt="LEADER Logo" title="LEADER Logo" width="54" height="46" /> Line 187, Column 543:

<img src="images/ec.jpg" alt="Click here to go to the EC web site" title="The European Agricultural ... Line 187, Column 775:

<img src="images/one.jpg" alt="Supported by One North East Regional Development Agency" title="Suppo ... Line 221, Column 259:

<img src="images/sds.gif" alt="Click here to go to the Sutton Design Website" title="Sutton Design S ...

Check 178: Alt text does not convey the same information as the image. Line 57, Column 23:

(17)

<img src="images/one.jpg" alt="Supported by One North East Regional Development Agency" title="Suppo ...

Check 239: img has title attribute and image may be decorative. Line 57, Column 23:

Check 59: Image used for input element may have Alt text that does not identify the purpose or function as the image.

Check 193: Form submit button image may contain text that is not in Alt text. Line 197, Column 3:

1.3 Adaptable: Create content that can be presented in different ways (for example

simpler layout) without losing information or structure.

Success Criteria 1.3.1 Info and Relationships (A) Check 248: Visual lists may not be properly marked.

<body onload="MM_preloadImages('images/home-on.jpg','images/visitors-on.jpg','images/services-on.jpg ...

(18)

<body onload="MM_preloadImages('images/home-on.jpg','images/visitors-on.jpg','images/services-on.jpg ...(footer)

Check 271: dir attribute may be required to identify changes in text direction. Line 218, Column 1:

Check 211: input element label, type of "text", is not positioned close to control. Line 196, Column 3:

Success Criteria 1.3.3 Sensory Characteristics (A)

Check 250: Text may refer to items by shape, size, or relative position alone. Line 218, Column 1:

1.4 Distinguishable: Make it easier for users to see and hear content including

separating foreground from background.

Success Criteria 1.4.1 Use of Color (A)

Check 14: Image may be using color alone. Line 57, Column 23:

Check 251: Image may contain text with poor contrast. Line 57, Column 23:

(19)

Check 55: input possibly using color alone. Line 196, Column 3:

Check 86: script may use color alone. Line 17, Column 1:

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q= ...

Success Criteria 1.4.5 Images of Text (AA)

Check 11: Image may contain text that is not in Alt text. Line 57, Column 23:

(20)

2.1 Keyboard Accessible: Make all functionality available from a keyboard.

Success Criteria 2.1.1 Keyboard (A)

Check 89: script user interface may not be accessible. Line 17, Column 1:

2.3 Seizures: Do not design content in a way that is known to cause seizures.

Success Criteria 2.3.1 Three Flashes or Below Threshold (A)

Check 87: script may cause screen flicker. Line 17, Column 1:

(21)

2.4 Navigable: Provide ways to help users navigate, find content, and determine

where they are.

Success Criteria 2.4.1 Bypass Blocks (A)

Check 28: Document may be missing a "skip to content" link. Line 218, Column 1:

Check 262: Groups of links with a related purpose are not marked. Line 218, Column 1:

Success Criteria 2.4.2 Page Titled (A)

Check 54: title might not describe the document. Line 5, Column 1:

<title>Haydon Bridge</title>

Success Criteria 2.4.4 Link Purpose (In Context) (A) Check 19: Link text may not be meaningful.

<a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('HomeButton','','imag ... Line 57, Column 525:

<a href="visitors.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('VisitorButton','' ... Line 57, Column 952:

<a href="services.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ServiceButton','' ... Line 57, Column 1382:

<a href="https://www.northumberland.gov.uk/coronavirus/Latest-information-and-advice-on-Coronavirus. ... Line 69, Column 91:

<a href="http://www.haydonhundred.co.uk" target="_blank" class="link"><strong>Here</strong></a> Line 75, Column 55:

<a href="https://northumberland.spydus.co.uk/cgi-bin/spydus.exe/MSGTRN/WPAC/HOME" class="link"><stro ... Line 80, Column 91:

<a href="2020diary.php#Month" class="link"><strong>Here</strong></a> Line 85, Column 124:

(22)

<a href="visitors-attractions.php#Sill" class="link"><strong>Here</strong></a> Line 99, Column 63:

<a href="documents/2020CHARITYQUIZNIGHTPROGRAMME.pdf" target="_blank" class="link"><strong>Here</str ... Line 102, Column 91:

<a href="guide_books.php#Lead" class="link"><strong>Here</strong></a> Line 104, Column 147:

<a href="mailto:[email protected]" class="link"><strong>Dennis Telford</strong></a> Line 107, Column 104:

<a href="http://www.northumberland.gov.uk/Waste/Bins.aspx" target="_blank" class="link"><strong>Wast ... Line 110, Column 58:

<a href="http://www.haydonbridgesurgery.co.uk/" class="link"><strong>http://www.haydonbridgesurgery. ... Line 127, Column 366:

<a href="https://www.facebook.com/groups/718194368253664/" target="_blank" class="link">HERE</a> Line 129, Column 83:

<a

href="mailto:[email protected]?subject=New%20Neighbourhood%20Plan%20Enquiry&amp ... Line 139, Column 84:

<a href="community-plan.php" class="link"><strong>Here</strong></a> Line 170, Column 40:

<a href="http://www.haydon-news.co.uk" target="_blank" class="link"><strong>Click Here</strong></a> Line 173, Column 89:

<a href="home-privacy.php" class="link"><strong>Privacy Policy </strong></a> Line 173, Column 169:

<a href="home-terms.php"><span class="link"><strong>Terms and Conditions</strong></span></a> Line 176, Column 87:

<a href="home-accessibility2.php" class="link">Here</a> Line 187, Column 286:

<a href="http://ec.europa.eu/agriculture/rurdev/index_en.htm" target="_blank" onblur="MM_swapImgRest ... Line 202, Column 15:

<a href="home-events.php">Local Events</a> Line 203, Column 15:

(23)

<a href="http://www.bbc.co.uk/weather/2647263" target="_blank">Weather</a> Line 205, Column 15:

<a href="home-gallery.php">Photo Gallery</a> Line 206, Column 15:

<a href="home-history.php">History</a> Line 207, Column 15:

<a href="home-parish.php">Haydon Parish Council</a> Line 208, Column 15:

<a href="community-development.php">Haydon Development Trust</a> Line 209, Column 15:

<a href="http://www.haydon-news.co.uk" target="_blank">The Haydon News</a> Line 210, Column 15:

<a href="home-links.php">Useful Links</a> Line 211, Column 15:

<a href="home-contact.php">Contact Us</a> Line 212, Column 15:

<a href="home-terms.php">Terms & Conditions</a> Line 213, Column 15:

<a href="home-privacy.php">Privacy Policy</a> Line 214, Column 15:

<a href="home-accessibility2.php">Accessibility</a> Line 221, Column 17:

<a href="http://www.suttondesignstudio.com" target="_blank" onmouseover="MM_swapImage('SDSButton','' ...

Check 197: Anchor text may not identify the link destination. Line 57, Column 129:

<a href="https://www.northumberland.gov.uk/coronavirus/Latest-information-and-advice-on-Coronavirus. ... Line 69, Column 91:

(24)

<a href="https://northumberland.spydus.co.uk/cgi-bin/spydus.exe/MSGTRN/WPAC/HOME" class="link"><stro ... Line 80, Column 91:

<a href="visitors-attractions.php#Sill" class="link"><strong>Here</strong></a> Line 99, Column 63:

<a href="documents/2020CHARITYQUIZNIGHTPROGRAMME.pdf" target="_blank" class="link"><strong>Here</str ... Line 102, Column 91:

<a href="guide_books.php#Lead" class="link"><strong>Here</strong></a> Line 104, Column 147:

<a href="mailto:[email protected]" class="link"><strong>Dennis Telford</strong></a> Line 107, Column 104:

<a href="http://www.northumberland.gov.uk/Waste/Bins.aspx" target="_blank" class="link"><strong>Wast ... Line 110, Column 58:

<a href="http://www.haydonbridgesurgery.co.uk/" class="link"><strong>http://www.haydonbridgesurgery. ... Line 127, Column 366:

<a

href="mailto:[email protected]?subject=New%20Neighbourhood%20Plan%20Enquiry&amp ... Line 139, Column 84:

<a href="community-plan.php" class="link"><strong>Here</strong></a> Line 170, Column 40:

<a href="http://www.haydon-news.co.uk" target="_blank" class="link"><strong>Click Here</strong></a> Line 173, Column 89:

<a href="home-privacy.php" class="link"><strong>Privacy Policy </strong></a> Line 173, Column 169:

<a href="home-terms.php"><span class="link"><strong>Terms and Conditions</strong></span></a> Line 176, Column 87:

<a href="home-accessibility2.php" class="link">Here</a> Line 187, Column 286:

(25)

<a href="home-events.php">Local Events</a> Line 203, Column 15:

<a href="home-map.php">Map</a> Line 204, Column 15: