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 <!DOCTYPE html>
10 <html lang="en" xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
11 <head>
14 <script async src="https://www.googletagmanager.com/gtag/js?id=G-YSXHEGYJDL">
14 </script>
15 <script>
21 </script>
23 <meta name="viewport" content="width=device-width, initial-scale=1" />
24 <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" />
25 <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
26 <link rel="stylesheet" type="text/css" href="../css/landingpages.css" />
29 <link rel='shortcut icon' href='https://www.proceduresonline.com/resources/logos/procedures/favicon.ico' type='image/x-icon'/>
30 <link rel="apple-touch-icon" href="https://www.proceduresonline.com/resources/logos/procedures/apple-touch-icon-57x57-precomposed.png" />
31 <link rel="apple-touch-icon" sizes="72x72" href="https://www.proceduresonline.com/resources/logos/procedures/apple-touch-icon-72x72-precomposed.png" />
32 <link rel="apple-touch-icon" sizes="114x114" href="https://www.proceduresonline.com/resources/logos/procedures/apple-touch-icon-114x114-precomposed.png" />
37 <link rel="stylesheet" id="switcher-css" type="text/css" href="../css/switcher.css" media="all" />
38 <link rel="alternate stylesheet" type="text/css" href="../css/dark.css" title="dark" media="all" />
39 <link rel="alternate stylesheet" type="text/css" href="../css/light.css" title="light" media="all" />
40 <link rel="alternate stylesheet" type="text/css" href="../css/normal.css" title="normal" media="all" />
41 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
41 </script>
43 <link rel="stylesheet" type="text/css" href="../js/cookie-code/jquery.cookiebar.css" />
44 <link rel="stylesheet" type="text/css" href="../css/zoom.css" />
45 <link rel="stylesheet" type="text/css" href="../css/hover-box.css" />
46 <link rel="stylesheet" type="text/css" href="../css/formatting-styles.css" />
47 <link rel="stylesheet" type="text/css" href="../css/authority.css" />
48 <link rel="stylesheet" type="text/css" href="../css/mobile.css" />
49 <script type="text/javascript" src="../js/highlight.js">
49 </script>
50 <title>
50 Search
50 </title>
57 <script src="../js/iframe/iframeResizer.min.js">
57 </script>
58 <style>
58 iframe {
58 width:100%;
58 }
58 </style>
69 </head>
71 <body onload="if (document.getElementById('zoom_searchbox')) {document.getElementById('zoom_searchbox').focus();}">
72 <span role="navigation" aria-labelledby="skip_link">
73 <a id="skip_link" class="skip-main" href="#main">
73 Skip to main content
73 </a>
74 </span>
77 W876 [WCAG21 1.1.1 (A)] Is the 'aria-labelledby' or 'aria-label' text deliberately empty?:
The 'aria-labelledby' and 'aria-label' attributes are used to provide a label for objects that can be read by assistive technology, but it has been found to be empty. You may wish to check that the text has not simply been forgotten. See WCAG 2.1 ARIA Technique ARIA6.
<div class="navbar navbar-default" role="banner" aria-labelledby="banner">
78 <div id="banner">
79 <div class="container-fluid">
80 <div class="row">
81 <div class="container">
82 <div class="col-sm-6">
82 <a href="../index.html">
82 <img src="../images/logo/foster_medway.png" width="300" height="101" alt="Foster for Medway logo">
82 </a>
82 </div>
84 <div class="col-sm-6">
85 <img src="../images/logo/banner_img.png" width="516" height="108" alt="banner logo">
86 </div>
90 </div>
92 </div>
93 </div>
94 </div>
97 <div class="container">
98 <div class="navbar-header">
99 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
99 <span class="sr-only">
99 Toggle navigation
99 </span>
99 <span class="icon-bar">
99 </span>
99 <span class="icon-bar">
99 </span>
99 <span class="icon-bar">
99 </span>
99 </button>
100 <a class="navbar-brand">
100
100 </a>
100 </div>
101 <div class="collapse navbar-collapse">
102 <ul class="nav navbar-nav">
103 <li>
103 <a href="../index.html">
103 Home
103 </a>
103 </li>
104 <li>
104 <a href="../contents.html">
104 Contents
104 </a>
104 </li>
105 <li class="dropdown">
105 <a class="dropdown-toggle" data-toggle="dropdown" href="#">
105 Resources
105 <span class="caret">
105 </span>
105 </a>
106 <ul class="dropdown-menu">
107 <li>
107 <a href="../local_resources.html">
107 Local Resources
107 </a>
107 </li>
108 <li>
108 <a href="http://trixresources.proceduresonline.com/nat_key/index.htm" target="_blank" rel="noopener">
108 Glossary
108 </a>
108 </li>
109 <li>
109 <a href="http://trixresources.proceduresonline.com/nat_cont/index.htm"target="_blank" rel="noopener">
109 Contacts
109 </a>
109 </li>
110 <li>
110 <a href="http://www.minimumstandards.org/regulations.html" target="_blank" rel="noopener">
110 Regulatory Framework
110 </a>
110 </li>
111 <li>
111 <a href="http://www.keepingchildrensafeineducation.co.uk/" target="_blank" rel="noopener">
111 KCSIE
111 </a>
111 </li>
112 </ul>
113 </li>
114 <li>
114 <a href="../using_this_manual.html">
114 Using this Handbook
114 </a>
114 </li>
115 <li>
115 <a href="../procedures.html">
115 Procedures Manuals
115 </a>
115 </li>
119 </ul>
120 <ul class="nav navbar-nav navbar-right">
120 <li class="dropdown">
120 <a class="dropdown-toggle" data-toggle="dropdown" href="#">
120 Accessibility
120 <span class="caret">
120 </span>
120 </a>
120 <ul class="dropdown-menu">
120 <li>
120 <a href="#Larger" rel="light" class="styleswitch">
120 <span id="Larger">
120 Larger Text
120 </span>
120 </a>
120 </li>
120 <li class="divider">
120 </li>
120 <li>
120 <a href="#High" rel="dark" class="styleswitch">
120 <span id="High">
120 High Visibility
120 </span>
120 </a>
120 </li>
120 <li class="divider">
120 </li>
120 <li>
120 <a href="#Default" rel="normal" class="styleswitch">
120 <span id="Default">
120 Default Text
120 </span>
120 </a>
120 </li>
120 </ul>
120 </li>
120 <li>
120 <a href="../html/zoom/search.php" class="search">
120 SEARCH
120 </a>
120 </li>
120 </ul>
121 </div>
123 </div>
124 </div>
127 <div id="exTab3" class="container" role="application" aria-labelledby="main">
128 <ul class="nav nav-pills" id="main">
129 <li class="active">
129 <a href="#1b" data-toggle="tab">
129 SEARCH PROCEDURES
129 <span class="glyphicon glyphicon-search">
129 </span>
129 </a>
129 </li>
130 <li>
130 <a href="#2b" data-toggle="tab">
130 SEARCH LOCAL RESOURCES
130 <span class="glyphicon glyphicon-search">
130 </span>
130 </a>
130 </li>
131 </ul>
132 <div class="tab-content clearfix">
133 <div class="tab-pane active" id="1b">
135 <p>
135 To search for an exact phrase, put the phrase inside double quotes, for example:
135 <span class="bold">
135 "significant harm"
135 </span>
135 </p>
136 <p>
136 Use an asterisk to represent part of a word; for example, a search for:
136 <span class="bold">
136 adopt*
136 </span>
136 will find
136 <span class="bold">
136 'adopt'
136 </span>
136 ,
136 <span class="bold">
136 'adoption'
136 </span>
136 ,
136 <span class="bold">
136 'adoptive'
136 </span>
136 etc.
136 </p>
137 <p>
137 You can enter multiple words and phrases, and you can search for pages containing 'any' or 'all' of the search terms by selecting the appropriate radio button. If you still can't find what you are looking for, ask a manager for advice.
137 </p>
140 <div class="form-inline">
142 <div class="row">
144 <div class="form-group">
145 <div class="input-group">
149 <div class="container">
150 <form method="get" action="/medway/zoom/search.php" class="zoom_searchform">
150 <input type="hidden" name="zoom_sort" value="0" />
151 Search for:
151 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" size="20" value="" id="zoom_searchbox" class="zoom_searchbox" />
152 <input type="submit" value="Submit" class="zoom_button" />
153 <span class="zoom_results_per_page">
153 Results per page:
154 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.
<select name="zoom_per_page">
155 <option selected="selected">
155 10
155 </option>
156 <option>
156 20
156 </option>
157 <option>
157 50
157 </option>
158 <option>
158 100
158 </option>
159 </select>
159 <br />
159 <br />
159 </span>
160 <span class="zoom_match">
160 Match:
161 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="radio" name="zoom_and" value="0" checked="checked" />
161 any search words
162 W863 [WCAG21 1.3.1/3.3.2 (A)] The <fieldset> element should be used to group radio buttons and checkboxes:
Because groups of radio buttons and checkboxes are multiple controls, it is particularly important that they be grouped semantically so they can be more easily treated as a single control. See WCAG 2.1 HTML Technique H71.
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="radio" name="zoom_and" value="1" />
162 all search words
163 <br />
163 <br />
163 </span>
164 </form>
165 </div>
166 </div>
167 </div>
168 </div>
169 </div>
173 </div>
174 <div class="tab-pane" id="2b">
175 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
P883 [WCAG21 1.3.1 (A)] Nest headings properly (H1 > H2 > H3):
Heading elements must be ordered properly. For example, H2 elements should follow H1 elements, H3 elements should follow H2 elements, etc. Developers should not skip levels or use headings for presentation effects. See WCAG 2.1 Failure F43.
<h2 style="font-size: 22px;">
175 Search for forms and guides in the Content Management System
175 </h2>
178 <a class="modalButton" data-toggle="modal" data-src="#" href="#" data-target="#myModal">
178 Full Local Resources here
178 </a>
182 <iframe src="https://proceduresonline.com/trixcms2/medwayfch/search77/" title="search cms">
182 </iframe>
184 </div>
185 </div>
186 </div>
187 <div class="container" role="application" aria-labelledby="myModal">
188 <div class="modal modal-wide fade" id="myModal">
189 <div class="modal-dialog modal-lg">
190 <div class="modal-content">
191 <div class="modal-header">
192 E960 [WCAG21 4.1.2 (A)] Do not use role=presentation|none or aria-hidden=true on a focusable element:
Using either of these on a sequentially focusable element will result in some users focusing on 'nothing'. A sequentially focusable element is an interactive element, or one with a positive 'tabindex'. See Fourth Rule of ARIA Use.
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
192 ×
192 </button>
193 <strong>
193 tri.x Local Resources
193 </strong>
193 </div>
194 <div class="modal-body">
195 <iframe src="https://proceduresonline.com/trixcms2/medwayfch/doc-library/" title="Document library popup">
195 </iframe>
196 <script>
196 </script>
197 </div>
198 <div class="modal-footer">
199 <button type="button" class="btn btn-default" data-dismiss="modal">
199 Close
199 </button>
200 </div>
201 </div>
203 </div>
205 </div>
207 </div>
212 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
212 </script>
213 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js">
213 </script>
214 <script src="../js/dmss.js">
214 </script>
215 <script type="text/javascript">
217 </script>
218 <script>
231 </script>
232 </body>