Summary
Page Layout
Display issue details:
The line numbers refer to lines in the original source. Any with a line number of '0' are implicit tags added by Total Validator:
1 W874 [WCAG21 2.4.1 (A)] Add a skip navigation link as the first link on the page:
If your document has structure then you should add a skip navigation link to make it easier for accessible users to get to the page's content. To ensure detection, skip navigation links should point to a <main> element, or an element with role='main'. See Understanding 2.4.1, and Skip Navigation. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 P967 [WCAG21 3.1.1 (A)] Use the 'lang' attribute to denote the primary language of the document:
You should always identify the primary natural language of a document using a 'lang' attribute on the <html> element. See WCAG 2.1 HTML Technique H57. <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
5 W605 Duplicate tag found: See matching tag on line: 22
A duplicate tag has been found with the same attributes. Although this should not affect the page, it indicates that a mistake may have been made. <meta http-equiv="Content-Style-Type" content="text/css" />
6 W605 Duplicate tag found: See matching tag on line: 23
A duplicate tag has been found with the same attributes. Although this should not affect the page, it indicates that a mistake may have been made. <meta http-equiv="Content-Script-Type" content="text/javascript" />
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8 <title>
8 Next Stage 4Life
8 </title>
9 <link rel='shortcut icon'
href='https://www.proceduresonline.com/resources/logos/procedures/favicon.ico' type='image/x-icon'/>
10 <link rel="apple-touch-icon"
href="https://www.proceduresonline.com/resources/logos/procedures/apple-touch-icon-57x57-precomposed.png
" />
11 <link rel="apple-touch-icon"
href="https://www.proceduresonline.com/resources/logos/procedures/apple-touch-icon-72x72-precomposed.png
" />
12 <link rel="apple-touch-icon"
href="https://www.proceduresonline.com/resources/logos/procedures/apple-touch-icon-114x114-precomposed.png
" />
13 <link rel="stylesheet" type="text/css"
href="https://www.proceduresonline.com/trix_cms_snippets/cookie/jquery.cookiebar.css" />
14 <script type="text/javascript"
src="https://www.proceduresonline.com/trix_cms_snippets/cookie/jquery.min.js">
14 </script>
15 <script type="text/javascript"
src="https://www.proceduresonline.com/trix_cms_snippets/cookie/jquery.cookiebar.js">
15 </script>
16 <script type="text/javascript">
21 </script>
22 W605 Duplicate tag found: See matching tag on line: 5
A duplicate tag has been found with the same attributes. Although this should not affect the page, it indicates that a mistake may have been made. <meta http-equiv="Content-Style-Type" content="text/css" />
23 W605 Duplicate tag found: See matching tag on line: 6
A duplicate tag has been found with the same attributes. Although this should not affect the page, it indicates that a mistake may have been made. <meta http-equiv="Content-Script-Type" content="text/javascript" />
24 W609 The 'content-type' HTTP header specifies a character set of UTF-8, which is different to the value
given here:
The 'content-type' HTTP header specifies a different character set to that specified in the tag. In this case the HTTP header takes precedence. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
25 <meta name="author" content="Next Stage 4Life" />
26 <meta name="description" content="Next Stage 4Life" />
28 <meta name="robots" content="index, follow" />
29 <meta name="rating" content="all" />
30 <meta http-equiv="pragma" content="no-cache" />
31 <link title="small" href="scripts/style.css" type="text/css" rel="stylesheet" />
32 <link title="medium" href="scripts/style_larger.css" type="text/css" rel="alternate stylesheet" />
33 <link title="large" href="scripts/style_largest.css" type="text/css" rel="alternate stylesheet" />
34 <link title="hivis" href="scripts/style_hi_vis.css" type="text/css" rel="alternate stylesheet" />
35 <script type="text/javascript" src="scripts/print.js">
35 </script>
36 <script type="text/javascript" src="scripts/styleswitcher.js">
36 </script>
37 <script type="text/javascript" src="scripts/highlight.js">
37 </script>
39 </head>
40 <body onload="highlight();">
41 <div class="banner">
42 </div>
43 <div id="buttons">
43 <div id="menu">
44 <ul>
45 <li>
45 <a href="index.html">
45 Home
45 </a>
45 </li>
46 <li>
46 <a href="contents.html">
46 Contents
46 </a>
46 </li>
47 <li>
47 <a href="local_resources.html">
47 Local Resources
47 </a>
47 </li>
48 </ul>
49 </div>
49 <div id="search">
50 <form action="search/search.html" id="cse-search-box" style="margin: 0px;">
51 I899 [WCAG21 1.3.2 (A)] Layout tables must represent their content in a meaningful sequence:
Screen readers can struggle to read out tables sensibly, so it is often better to use alternative mark-up and CSS to layout content. Try disabling the table mark-up to see if it still makes sense. See WCAG 2.1 Failure F49. <table width="97%" border="0" cellspacing="0" cellpadding="0">
52 <tr>
53 <td>
53 E885 [WCAG21 1.1.1/1.3.1/3.3.2/4.1.2 (A)] User interface controls should have a label or an accessible
name:
Associate form controls with <label> tags, or use the 'aria-label' or 'aria-labelledby' attributes to label controls where it might be confusing or not possible to use a label. See WCAG 2.1 Failure F68. <input type="text" name="zoom_query" class="search_input" size="20" id="zoom_searchbox" value="Search this
manual" onfocus="this.value=(this.value=='Search this manual') ? '' : this.value;"
onblur="this.value=(this.value=='') ? 'Search this manual' : this.value;" style="margin-right: 5px;" />
53 </td>
54 <td>
54 <input type="submit" value="Go"/>
54 </td>
55 </tr>
56 </table>
57 </form>
57 </div>
57 </div>
58 <div id="topper">
58 </div>
60 <div id="printReady">
61 <div id="container">
62 <div id="content_frame_overflow">
62 <div class="content_text">
63 <h1>
63 Welcome
63 </h1>
64 <div class="scope_box" style="padding-bottom: 0px; padding-top: 15px;">
65 <h2 class="h2">
65 Getting Started:
65 </h2>
66 <p>
66 If this is the first time you've visited this online Procedures Manual please read through our
66 <a href="getting_started.html">
66 Getting Started with this Procedures Manual
66 </a>
66 guidance to familiarise yourself with the layout and functions.
66 </p>
67 </div>
68 <p>
68 <br />
69 Welcome to your web-enabled Childrens Home Procedures Manual.
69 </p>
70 <p>
70 It has been designed for new and existing carers and deals with the day to day practicalities
you may face.
70 </p>
71 <p>
71 To view the full contents list, please
71 <a href="contents.html">
71 click here
71 </a>
71 .
71 </p>
72 <p>
72 These Procedures should be read alongside
72 <a href="local_resources.html">
72 Local Resources
72 </a>
72 .
72 </p>
74 <br />
75 I899 [WCAG21 1.3.2 (A)] Layout tables must represent their content in a meaningful sequence:
Screen readers can struggle to read out tables sensibly, so it is often better to use alternative mark-up and CSS to layout content. Try disabling the table mark-up to see if it still makes sense. See WCAG 2.1 Failure F49. <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
76 <tr>
77 <td>
77 <div class="items">
78 <ul>
79 <li>
80 <div class="outerContainer">
81 <div class="link_block" style="position:absolute">
82 <a href="amendments.html">
82 <img src="images/blank.gif" alt="amendments link" border="0" />
82 </a>
83 </div>
84 <div class="innerContainer">
85 <div class="element">
85 <a href="#">
85 Amendments
85 </a>
85 </div>
86 </div>
87 </div>
88 </li>
90 <li>
91 <div class="outerContainer">
92 <div class="link_block" style="position:absolute">
93 <a href="http://trixresources.proceduresonline.com/nat_cont/index.htm"
target="_blank">
93 <img src="images/blank.gif" alt="keywords link" border="0" />
93 </a>
94 </div>
95 <div class="innerContainer">
96 <div class="element">
96 <a href="http://trixresources.proceduresonline.com/nat_cont/index.htm"
target="_blank">
96 Keywords and National Contacts
96 </a>
96 </div>
97 </div>
98 </div>
99 </li>
101 <li>
102 <div class="outerContainer">
103 <div class="link_block" style="position:absolute">
104 <a href="http://www.workingtogetheronline.co.uk/" target="_blank">
104 <img src="images/blank.gif" alt="wt link" border="0" />
104 </a>
105 </div>
106 <div class="innerContainer">
107 <div class="element">
107 <a href="http://www.workingtogetheronline.co.uk/" target="_blank">
107 Working Together to Safeguard Children
107 </a>
107 </div>
108 </div>
109 </div>
110 </li>
112 <li>
113 <div class="outerContainer">
114 <div class="link_block" style="position:absolute">
115 <a href="http://qualitystandards.proceduresonline.com/index.html"
target="_blank">
115 <img src="images/blank.gif" alt="quality standards link" border="0" />
115 </a>
116 </div>
117 <div class="innerContainer">
118 <div class="element">
118 <a href="http://qualitystandards.proceduresonline.com/index.html"
target="_blank">
118 Quality Standards
118 </a>
118 </div>
119 </div>
120 </div>
121 </li>
123 </ul>
124 </div>
124 </td>
125 </tr>
126 </table>
128 <p>
128 <br />
129 </p>
130 </div>
131 </div>
132 </div>
133 </div>
134 <div id="footer-wrap">
135 <div id="footer-container">
135 <div id="footer">
136 I899 [WCAG21 1.3.2 (A)] Layout tables must represent their content in a meaningful sequence:
Screen readers can struggle to read out tables sensibly, so it is often better to use alternative mark-up and CSS to layout content. Try disabling the table mark-up to see if it still makes sense. See WCAG 2.1 Failure F49. <table width="100%" border="0" cellspacing="0" cellpadding="0">
137 <tr>
138 <td width="60%" align="left" style="padding-top: 0px;">
138 <a href="http://www.trixonline.co.uk/" target="_blank">
138 <img src="images/trix_logo.gif" width="57" height="22" alt="tri.x logo" border="0"/>
138 </a>
138
138 <span class="darkdivider">
138 |
138 </span>
138 Copyright ©
138 <a href="http://www.trixonline.co.uk/" target="_blank">
138 tri.x
138 </a>
138
138 <span class="darkdivider">
138 |
138 </span>
138
138 </td>
139 <td width="40%" align="right" valign="top" style="padding-top: 0px;">
141 <div class="footer_box">
141 <a href="#">
141 visibility:
141 </a>
141
141 <a href="#" onclick="setActiveStyleSheet('small'); return false;">
141 <img src="images/icons/small_a.gif" alt="View this website with small text" border="0" />
141 </a>
141 <a href="#" onclick="setActiveStyleSheet('medium'); return false;">
141 <img src="images/icons/medium_a.gif" border="0" alt="View this website with medium
text" />
141 </a>
141 <a href="#" onclick="setActiveStyleSheet('large'); return false;">
141 <img src="images/icons/large_a.gif" border="0" alt="View this website with large text" />
141 </a>
141 <a href="#" onclick="setActiveStyleSheet('hivis'); return false;">
141 <img src="images/icons/hivis.gif" border="0" alt="View this website with high
visibility" />
141 </a>
141
141 <span class="darkdivider">
141 |
141 </span>
141
141 </div>
142 <div class="footer_box">
142 <a href="#" onclick="window.external.AddFavorite(location.href, document.title)">
142 <img src="images/icons/favourite.gif" alt="Add this page to your favourites" width="18"
height="18" border="0" />
142 </a>
142 <a href="#" onclick="window.external.AddFavorite(location.href, document.title)">
142 favourites
142 </a>
142
142 <span class="darkdivider">
142 |
142 </span>
142
142 </div>
143 <div class="footer_box">
143 W884 [WCAG21 2.1.1/2.1.3 (A/AAA)] Mouse/Pointer event handlers require keyboard equivalents:
When using mouse/pointer event handlers on elements that can be accessed by keyboard, ensure that you provide an equivalent keyboard handler. See WCAG 2.1 Failure F54. <input name="printMe" type="image" onclick="printSpecial()" value="Print this Page"
src="images/icons/print.gif" onmouseover="images/icons/print.gif'"
onmouseout="this.src='images/icons/print.gif'" alt="Print this page"/>
145 <a href="#" onclick="printSpecial()">
145 print
145 </a>
145
145 <span class="darkdivider">
145 |
145 </span>
145
145 </div>
146 </td>
147 </tr>
148 </table>
149 </div>
149 </div>
150 </div>
151 </body>
152 </html>