Page reportSummary
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>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
11 
E916 [WCAG21 1.4.4 (AA)] Do not use 'viewport' settings which prevent the user from zooming in:
Using 'user-scalable=no' or 'maximum-scale' with a value less than 2.0 may prevent people with sight difficulties from being able to 'zoom in' to pages to read them. See Understanding 1.4.4. <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
11 <title>
11 Accessibility
11 </title>
12 <link href='css/css.php' rel='stylesheet' type='text/css' id="main_style"/>
13 <link rel='shortcut icon' href='images/favicon.ico' type='image/x-icon'/>
15 <link rel="apple-touch-icon" href="images/apple-touch-icon-57x57-precomposed.png" />
16 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72-precomposed.png" />
17 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-precomposed.png" />
19 <meta name="application-name" content="Accessibility" />
20 <meta name="msapplication-TileColor" content="#301880" />
21 <meta name="msapplication-square70x70logo" content="images/smalltile.png" />
22 <meta name="msapplication-square150x150logo" content="images/mediumtile.png" />
23 <meta name="msapplication-wide310x150logo" content="images/widetile.png" />
24 <meta name="msapplication-square310x310logo" content="images/largetile.png" />
28 <link href='normal.css' id='switch_style' rel='stylesheet' type='text/css'>
31 <link rel='stylesheet' media='(max-width: 1100px)' href='css/colours_mobile.css' />
35 <link href='css/print.css' rel='stylesheet' type='text/css' media='print'>
36 <link href='css/print_colours.css' rel='stylesheet' type='text/css' media='print'>
38 <script src="scripts/print.js">
38 </script>
39 <script src="scripts/jquery-1.6.4.min.js">
39 </script>
40 <script src="scripts/jquery-dateFormat.min.js">
40 </script>
41 <script src="scripts/js.cookie.js">
41 </script>
42 <script type="text/javascript" src="scripts/highlight.js">
42 </script>
43 <script src='https://www.google.com/recaptcha/api.js'>
43 </script>
44 <script type="text/javascript" src="scripts/jquery.js">
44 </script>
45 <script type="text/javascript" src="scripts/pageOrganizer.js">
45 </script>
46 <script>
53 </script>
115 <style>
116 #new_print {
117 display:block;
118 }
119 #old_print {
120 display:none;
121 }
122 </style>
130 <style>
131 ol {
132 counter-reset: item;
133 z-index:-1;
134 }
135 ol li.sub_list {
136 display: block;
137 position: relative;
138 }
139 ol li.sub_list:before {
140 content: counters(item, ".")".";
141 counter-increment: item;
142 position: absolute;
143 margin-right: 100%;
144 right: 3px;
145 }
146 ol li.remove_bullet:before {
147 P908 [WCAG21 1.3.1 (A)] Do not insert content using CSS:
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG 2.1 Failure F87. content:"\ \ \ ";
148 display:none;
149 }
150 </style>
154 <style>
155 .remove_bullet {
156 list-style:none;
157 }
158 </style>
182 </head>
183 <body onLoad="if (document.getElementById('zoom_searchbox'))
{document.getElementById('zoom_searchbox').focus();}">
185 <div id="skip">
185 <a href="#main_content" class="section_links">
185 Skip navigation to sections
185 </a>
185 </div>
186 <div id="cookie_bar">
186 We use cookies to track usage and preferences.
186 <a href="https://www.trixonline.co.uk/privacy-policy#cookies">
186 View our Cookie Policy
186 </a>
186 <div id="cookie_agree">
186 I Accept
186 </div>
186 </div>
189 <div id="head_bar">
191 <header>
192 <div id="grey_bar">
193 <div id="logo_holder">
194 <img src="images/client_logo.png" height="85" alt="Bexley Logo"/>
195 </div>
195 </div>
197 <div id="title">
198 <h1>
198 Bexley
198 <span id="h1_sub">
198 Children's Services Procedures Manual
198 </span>
198 </h1>
200 </div>
204 <div id="access_holder">
204 <div id="access_text_hold" onclick="location.href='accessibility.html';">
204 <a href="accessibility.html">
204 Accessibility
204 </a>
204 </div>
204 </div>
205 </header>
206 </div>
207 <nav>
209 <div id="sticky_navigation_wrapper">
210 <div id="sticky_navigation">
211 <div id="demo_container">
212 <div id="menu_toggle">
212 <img src="images/menu_white.png" id="drop_menu_button" height="20" alt="Menu toggle for
Mobile"/>
213 </div>
215 <div id="menu_items">
216 <ul>
217 <li>
217 <a href="index.html">
217 Home
217 </a>
217 </li>
218 <li>
218 <a href="contents.html">
218 Contents
218 </a>
218 </li>
219 <li class="dropdownmenu" id="doubletap1">
220 E958 [WCAG21 4.1.2 (A)] The 'aria-haspopup' attribute is not allowed in this context:
The ARIA specification only allows certain 'aria-...' attributes to be used with certain roles. See ARIA 1.2. <a class="toplink" href="menu.html" aria-haspopup="true">
220 Resources
220 <b>
220 ▾
220 </b>
220 </a>
221 <ul id="port_drop1" aria-label="submenu">
222 <li>
222 <a href="local_resources.html" tabindex="-1">
222 Policy Update
222 </a>
222 </li>
223 <li>
223 <a href="http://trixresources.proceduresonline.com/nat_key/index.htm" target="_blank"
tabindex="-1">
223 Glossary
223 </a>
223 </li>
224 <li>
224 <a href="http://trixresources.proceduresonline.com/nat_cont/index.htm"
target="_blank" tabindex="-1">
224 Contacts
224 </a>
224 </li>
225 </ul>
226 </li>
227 <li>
227 <a href="using_this_manual.html">
227 Using this Manual
227 </a>
227 </li>
228 <li>
228 <a href="http://www.londoncp.co.uk/" target="_blank" rel="noopener">
228 London Child Protection Procedures
228 </a>
228 </li>
230 </ul>
231 </div>
235 <div id="search">
235 <div id="search_contents">
236 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. <form method="get" action="search_site.php" style="font-size:10px;">
238 <div id="input_holder">
240 W889 [WCAG21 4.1.2 (A)] Avoid using accessible names created from fallback attributes:
An accessible name generated from 'title', 'placeholder' or default values for <input> buttons, typically yields a low quality accessible name. Instead use the recommended way of setting the accessible name for this element. See Avoid Fallback, and Accessible Name Computation. <input type="text" name="zoom_query" placeholder="Search Manual" spellcheck="true" title="search"
class="search_bar">
241 </div>
242 <div id="mag_holder">
243 <input class="imagelink" type="image" src="images/mag_white.png" id="mag_glass"
height="25" alt="Search" title="Search">
245 </div>
245 </form>
245 </div>
245 </div>
247 </div>
250 </div>
252 </div>
257 </nav>
258 <div id="main_content" tabindex="-1">
259 <main>
262 <div id="print_watermark">
262 This document is only valid 72 hours after printing
262 <script>
262 </script>
262 . For the latest version please visit
262 <noscript>
262 the online manual.
262 </noscript>
262 <script>
262 </script>
262 </div>
264 <div id="chapter_title">
267 <div id="print_holder">
271 <div id="new_print">
271 <a onClick="window.print();" tabindex="0" class="imagelink" href="#">
271 <img id="print_img" src="images/print_black.png" height="30" alt="Click here to print"/>
271 </a>
271 </div>
275 <div id="old_print">
275 <form id="printMe" name="printMe">
275 <input class="imagelink" name="printMe" type="image" onclick="printSpecial()"
id="print_img_ie" src="images/print_black.png" height="30" width="33" alt="Print this
page" title="Print Button">
275 </form>
275 </div>
278 </div>
281 <h2>
281 Accessibility
281 </h2>
283 </div>
286 <div id="scope_box">
287 <p>
287 This website meets the W3C AA standard for accessibility.
287 </p>
288 </div>
290 <div id="sections">
291 <h3 id="sections_list">
291 Contents
291 </h3>
292 <ol>
293 <li>
293 <a href="#section0">
293 Statement
293 </a>
293 </li>
294 <li>
294 <a href="#section1">
294 Change Font
294 </a>
294 </li>
295 <li>
295 <a href="#section2">
295 Change Colour scheme
295 </a>
295 </li>
296 </ol>
297 <h3 id="section0">
297 1. Statement
297 </h3>
298 <p>
298 This website aims to achieve Double-A conformance to the Web Content Accessibility Guidelines in
accordance with government guidelines.
299 <noscript>
300 </noscript>
301 </p>
302 <noscript>
303 <p>
303 You have JavaScript disabled. Please enable Javascript if you wish to use the accessibility
features in this website.
303 </p>
304 </noscript>
305 <h3 id="section1">
305 2. Change Font
305 </h3>
306 <p>
307 <noscript>
308 To change the font please select from the options below:
309 </noscript>
310 </p>
311 <h4>
311 Font size
311 </h4>
312 <div class="button_holder">
313 <div class="option_button font_size" id="medium">
313 <a href="#Normal" onClick="return false;" id="Normal">
314 <div class="option_button_inner" style="font-size:medium;">
314 Normal
314 </div>
315 </a>
315 </div>
316 <div class="option_button font_size" id="large">
316 <a href="#Large" onClick="return false;" id="Large">
317 <div class="option_button_inner" style="font-size:large;">
317 Large
317 </div>
318 </a>
318 </div>
319 <div class="option_button font_size" id="x-large">
319 <a href="#Extra_Large" onClick="return false;" id="Extra_Large">
320 <div class="option_button_inner" style="font-size:x-large;">
320 Extra Large
320 </div>
321 </a>
321 </div>
322 </div>
323 <h4>
323 Font style
323 </h4>
324 <div class="button_holder">
325 <div class="option_button font_style" id="sans_serif">
325 <a href="#Sans_Serif" onClick="return false;" id="Sans_Serif">
326 <div class="option_button_inner" style="font-family:calibri, sans-serif">
326 Sans-Serif
326 </div>
327 </a>
327 </div>
328 <div class="option_button font_style" id="cursive">
328 <a href="#Cursive" onClick="return false;" id="Cursive">
329 <div class="option_button_inner" style="font-family:Comic Sans MS, cursive, sans-serif">
329 Cursive
329 </div>
330 </a>
330 </div>
331 <div class="option_button font_style" id="monospace">
331 <a href="#Monospace" onClick="return false;" id="Monospace">
332 <div class="option_button_inner" style="font-family:Courier New, Courier, monospace">
332 Monospace
332 </div>
333 </a>
333 </div>
334 </div>
335 <h4>
335 Letter Spacing
335 </h4>
336 <div class="button_holder">
337 <div class="option_button letter_space" id="letter_0">
337 <a href="#No_letter_spacing" onClick="return false;" id="No_letter_spacing">
338 <div class="option_button_inner" style="letter-spacing:0px;">
338 No letter spacing
338 </div>
339 </a>
339 </div>
340 <div class="option_button letter_space" id="letter_1">
340 <a href="#Narrow_Letter_Spacing" onClick="return false;" id="Narrow_Letter_Spacing">
341 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. <div class="option_button_inner" style="letter-spacing:1px;">
341 Narrow_Letter_Spacing
341 </div>
342 </a>
342 </div>
343 <div class="option_button letter_space" id="letter_2">
343 <a href="#Wide_Letter_Spacing" onClick="return false;" id="Wide_Letter_Spacing">
344 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. <div class="option_button_inner" style="letter-spacing:2px;">
344 Wide Letter Spacing
344 </div>
345 </a>
345 </div>
346 </div>
347 <h3 id="section2">
347 3. Colours
347 </h3>
348 <div class="button_holder">
349 <div class="option_button box" id="css/colours">
349 <a href="#Standard" onClick="return false;" id="Standard">
350 <div class="option_button_inner standard_colours">
350 Standard
350 </div>
351 </a>
351 </div>
352 <div class="option_button box" id="css/high_vis">
352 <a href="#High_Visibility" onClick="return false;" id="High_Visibility">
353 <div class="option_button_inner highvis_colours">
353 High Visibility
353 </div>
354 </a>
354 </div>
355 <div class="option_button box" id="css/light">
355 <a href="#Light" onClick="return false;" id="Light">
356 <div class="option_button_inner light_colours">
356 Light
356 </div>
357 </a>
357 </div>
358 </div>
359 </div>
363 </main>
364 </div>
366 <script>
501 </script>
504 <script>
677 </script>
680 <footer>
681 <div class="footer">
682 <div>
683 <p>
683 <a href="privacypolicy.html">
683 Privacy Policy
683 </a>
683 <br>
684 <span style="font-size:small;">
685 <span id='desktop_button' tabindex='0'>
685 Desktop
685 </span>
685 |
685 <span id='mobile_button' tabindex='0'>
685 Mobile
685 </span>
685 |
685 <span id='responsive_button' tabindex='0' style='text-decoration:underline'>
685 Responsive
685 </span>
685 </span>
685 </p>
687 <div id="trix_logo">
688 <a href="https://www.trixonline.co.uk/" target="_blank" class="imagelink">
688 <img src="images/trixlogo.png" height="40" alt="Tri.x Logo links to Tri.x homepage"/>
688 </a>
689 </div>
690 </div>
691 </div>
693 </footer>
694 <div id="desktoptest">
694 </div>
695 <script>
822 </script>
824 <script>
833 </script>
835 <script>
882 </script>
885 <script>
887 </script>
895 <script>
934 </script>
935 <script type="text/javascript">
935 </script>
937 <script>
976 </script>
980 <script type="text/javascript">
992 </script>
993 </body>
994 </html>