Total Validator Home Page

Page report

Issue report

Summary

Total errors found:
4
WCAG21 A [2]:
E958 [1], P908 [1]
WCAG21 AA [2]:
E910 [1], E916 [1]
Total warnings found:
1
WCAG21 A [1]:
W889 [1]
HTML used for this page:
HTML5

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:

Go to first issue

   1 <!doctype html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
  12 next issueprevious issueE916 [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'>
  12     <title>
  12       Using this Manual
  12     </title>
  13     <link href='css/css.php' rel='stylesheet' type='text/css' id="main_style"/>
  14     <link rel='shortcut icon' href='images/favicon.ico' type='image/x-icon'/>
  16     <link rel="apple-touch-icon" href="images/apple-touch-icon-57x57-precomposed.png" />
  17     <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72-precomposed.png" />
  18     <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-precomposed.png" />
  20     <meta name="application-name" content="Using this Manual" />
  21     <meta name="msapplication-TileColor" content="#301880" />
  22     <meta name="msapplication-square70x70logo" content="images/smalltile.png" />
  23     <meta name="msapplication-square150x150logo" content="images/mediumtile.png" />
  24     <meta name="msapplication-wide310x150logo" content="images/widetile.png" />
  25     <meta name="msapplication-square310x310logo" content="images/largetile.png" />
  29     <link href='normal.css' id='switch_style' rel='stylesheet' type='text/css'>
  32     <link rel='stylesheet' media='(max-width: 1100px)' href='css/colours_mobile.css' />
  36     <link href='css/print.css' rel='stylesheet' type='text/css' media='print'>
  37     <link href='css/print_colours.css' rel='stylesheet' type='text/css' media='print'>
  39     <script src="scripts/print.js">
  39     </script>
  40     <script src="scripts/jquery-1.6.4.min.js">
  40     </script>
  41     <script src="scripts/jquery-dateFormat.min.js">
  41     </script>
  42     <script src="scripts/js.cookie.js">
  42     </script>
  43     <script type="text/javascript" src="scripts/highlight.js">
  43     </script>
  44     <script src='https://www.google.com/recaptcha/api.js'>
  44     </script>
  45     <script type="text/javascript" src="scripts/jquery.js">
  45     </script>
  46     <script type="text/javascript" src="scripts/pageOrganizer.js">
  46     </script>
  47     <script>
  54     </script>
 116     <style>
 117       #new_print {
 118         display:block;
 119       }
 120       #old_print {
 121         display:none;
 122       }
 123     </style>
 131     <style>
 132       ol {
 133         counter-reset: item;
 134         z-index:-1;
 135       }
 136       ol li.sub_list {
 137         display: block;
 138         position: relative;
 139       }
 140       ol li.sub_list:before {
 141         content: counters(item, ".")".";
 142         counter-increment: item;
 143         position: absolute;
 144         margin-right: 100%;
 145         right: 3px;
 146       }
 147       ol li.remove_bullet:before {
 148 next issueprevious issueP908 [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:"\ \ \ ";
 149         display:none;
 150       }
 151     </style>
 155     <style>
 156       .remove_bullet {
 157         list-style:none;
 158       }
 159     </style>
 183   </head>
 184   <body onLoad="if (document.getElementById('zoom_searchbox'))
       {document.getElementById('zoom_searchbox').focus();}">
 186     <div id="skip">
 186       <a href="#main_content" class="section_links">
 186         Skip navigation to sections
 186       </a>
 186     </div>
 187     <div id="cookie_bar">
 187       We use cookies to track usage and preferences.
 187       <a href="https://www.trixonline.co.uk/privacy-policy#cookies">
 187         View our Cookie Policy
 187       </a>
 187       <div id="cookie_agree">
 187         I Accept
 187       </div>
 187     </div>
 190     <div id="head_bar">
 192       <header>
 193         <div id="grey_bar">
 194           <div id="logo_holder">
 195             <img src="images/client_logo.png" height="85" alt="Bexley Logo"/>
 196           </div>
 196         </div>
 198         <div id="title">
 199           <h1>
 199             Bexley
 199             <span id="h1_sub">
 199               Children's Services Procedures Manual
 199             </span>
 199           </h1>
 201         </div>
 205         <div id="access_holder">
 205           <div id="access_text_hold" onclick="location.href='accessibility.html';">
 205             <a href="accessibility.html">
 205               Accessibility
 205             </a>
 205           </div>
 205         </div>
 206       </header>
 207     </div>
 208     <nav>
 210       <div id="sticky_navigation_wrapper">
 211         <div id="sticky_navigation">
 212           <div id="demo_container">
 213             <div id="menu_toggle">
 213               <img src="images/menu_white.png" id="drop_menu_button" height="20" alt="Menu toggle for
                   Mobile"/>
 214             </div>
 216             <div id="menu_items">
 217               <ul>
 218                 <li>
 218                   <a href="index.html">
 218                     Home
 218                   </a>
 218                 </li>
 219                 <li>
 219                   <a href="contents.html">
 219                     Contents
 219                   </a>
 219                 </li>
 220                 <li class="dropdownmenu" id="doubletap1">
 221 next issueprevious issueE958 [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">
 221                     Resources
 221                     <b>
 221                       &#9662;
 221                     </b>
 221                   </a>
 222                   <ul id="port_drop1" aria-label="submenu">
 223                     <li>
 223                       <a href="local_resources.html" tabindex="-1">
 223                         Policy Update
 223                       </a>
 223                     </li>
 224                     <li>
 224                       <a href="http://trixresources.proceduresonline.com/nat_key/index.htm" target="_blank"
                           tabindex="-1">
 224                         Glossary
 224                       </a>
 224                     </li>
 225                     <li>
 225                       <a href="http://trixresources.proceduresonline.com/nat_cont/index.htm"
                           target="_blank" tabindex="-1">
 225                         Contacts
 225                       </a>
 225                     </li>
 226                   </ul>
 227                 </li>
 228                 <li>
 228                   <a href="using_this_manual.html">
 228                     Using this Manual
 228                   </a>
 228                 </li>
 229                 <li>
 229                   <a href="http://www.londoncp.co.uk/" target="_blank" rel="noopener">
 229                     London Child Protection Procedures
 229                   </a>
 229                 </li>
 231               </ul>
 232             </div>
 236             <div id="search">
 236               <div id="search_contents">
 237 next issueprevious issueE910 [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;">
 239                   <div id="input_holder">
 241 next issueprevious issueW889 [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">
 242                   </div>
 243                   <div id="mag_holder">
 244                     <input class="imagelink" type="image" src="images/mag_white.png" id="mag_glass"
                         height="25" alt="Search" title="Search">
 246                   </div>
 246                 </form>
 246               </div>
 246             </div>
 248           </div>
 251         </div>
 253       </div>
 258     </nav>
 259     <div id="main_content" tabindex="-1">
 260       <main>
 263         <div id="print_watermark">
 263           This document is only valid 72 hours after printing
 263           <script>
 263           </script>
 263           . For the latest version please visit
 263           <noscript>
 263             the online manual.
 263           </noscript>
 263           <script>
 263           </script>
 263         </div>
 265         <div id="chapter_title">
 268           <div id="print_holder">
 272             <div id="new_print">
 272               <a onClick="window.print();" tabindex="0" class="imagelink" href="#">
 272                 <img id="print_img" src="images/print_black.png" height="30" alt="Click here to print"/>
 272               </a>
 272             </div>
 276             <div id="old_print">
 276               <form id="printMe" name="printMe">
 276                 <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">
 276               </form>
 276             </div>
 279           </div>
 282           <h2>
 282             Using this Manual
 282           </h2>
 284         </div>
 287         <div id="scope_box">
 289           <p>
 289             This quick guide explains how the manual works and is a recommended guide for newcomers to the
                 manual.
 289           </p>
 290         </div>
 291         <div id="sections">
 293           <h3 id="sections_list">
 293             Contents
 293           </h3>
 294           <ol>
 295             <li>
 295               <a href="#structure">
 295                 About this Manual
 295               </a>
 295             </li>
 296             <li>
 296               <a href="#amendments">
 296                 Amendments
 296               </a>
 296             </li>
 297             <li>
 297               <a href="#doc_library">
 297                 Local Resources
 297               </a>
 297             </li>
 298             <li>
 298               <a href="#keywords">
 298                 Glossary and National Contacts
 298               </a>
 298             </li>
 299             <li>
 299               <a href="#compliance">
 299                 Regulatory Compliance
 299               </a>
 299             </li>
 300             <li>
 300               <a href="#register">
 300                 Register for Updates
 300               </a>
 300             </li>
 301             <li>
 301               <a href="#copyright">
 301                 Copyright
 301               </a>
 301             </li>
 302             <li>
 302               <a href="#display">
 302                 Accessibility
 302               </a>
 302             </li>
 303             <li>
 303               <a href="#printing">
 303                 Printing and Retaining Copies
 303               </a>
 303             </li>
 304             <li>
 304               <a href="#browser">
 304                 Browser Recommendations
 304               </a>
 304             </li>
 305             <li>
 305               <a href="#mobile_tablet">
 305                 Mobile/Tablet Compatibility
 305               </a>
 305             </li>
 306           </ol>
 308           <h3 id="structure">
 308             1. About this Manual
 308           </h3>
 309           <p>
 309             The Bexley Children's Services Procedure Manual includes a number of amended chapters that reflect
                 local processes and procedures in Bexley. Further work continues in some areas of the manual and
                 it is anticipated that, where required, this will be undertaken at the next update.
 309           </p>
 310           <p>
 310             For further details, please contact:
 310             <a href="mailto:ProStandardQATeam@bexley.gov.uk" target="_blank" rel="noopener">
 310               ProStandardQATeam@bexley.gov.uk
 310             </a>
 310             .
 310           </p>
 311           <h3 id="amendments">
 311             2. Amendments
 311           </h3>
 312           <p>
 312             This manual will be updated on a regular basis and a summary of the changes can be accessed via
                 the 'Amendments' button on the Home page. You will also find the detail of the next planned manual
                 update in this section.
 312           </p>
 313           <p>
 313             If you would like to suggest a change to the procedures manual discuss your suggestion with your
                 line manager in the first instance.
 313           </p>
 314           <p>
 314             The next scheduled update for this manual is due in October 2020.
 314           </p>
 315           <p>
 315             <a href="amendments.html">
 315               Click here to view a list of updates made to this manual
 315             </a>
 315             .
 315           </p>
 316           <h3 id="doc_library">
 316             3. Local Resources
 316           </h3>
 317           <p>
 317             This manual contains a local resource section which can be accessed via the button bar on the left
                 of your screen. This library is populated and maintained locally. If there is a resource that you
                 think should be added talk in the first instance to your manager.
 317           </p>
 318           <h3 id="keywords">
 318             4. Glossary and National Contacts
 318           </h3>
 319           <p>
 319             The manual is accessed by readers who may find terms that they are not familiar with. Therefore, a
                 glossary of definitions is available under the resource tab.
 319           </p>
 320           There is also a National Contacts resource populated with details of key national agencies and
               organisations likely to be relevant to procedures user.
 321           <h3 id="compliance">
 321             5. Regulatory Compliance
 321           </h3>
 322           <p>
 322             Every effort has been taken to ensure regulatory compliance. If you discover any errors or
                 omissions, please alert your manager.
 322           </p>
 323           <h3 id="register">
 323             6. Register for Updates
 323           </h3>
 324           <p>
 324             We recommend that you register with us to automatically receive notification when this manual is
                 updated, and to receive a monthly newsletter containing articles which may be of interest. Click
                 on the 'Register for Updates' button on the home screen, to complete and send your details to us.
 324           </p>
 325           <p>
 325             We will manage your data respectfully and in accordance with your preferences and we will never
                 share your data with other organisations for marketing or other purposes.
 325           </p>
 326           <h3 id="copyright">
 326             7. Copyright
 326           </h3>
 327           <p>
 327             The content of this website can be accessed, printed and downloaded in an unaltered form, on a
                 temporary basis, for personal study or reference purposes. Content printed or downloaded may not
                 be sold, licensed, transferred, copied or reproduced in whole or in part in any manner or in or on
                 any media to any person without the prior written consent of tri.x and Bexley Children's and Young
                 People's Services.
 327           </p>
 328           <h3 id="display">
 328             8. Accessibility
 328           </h3>
 329           <p>
 329             This website aims to achieve Double-A conformance to the Web Content Accessibility Guidelines in
                 accordance with government guidelines. In order to change font size or manual colour use the
                 highlighted 'Accessibility' button at the top right hand corner of any page.
 329           </p>
 330           <h3 id="printing">
 330             9. Printing and Retaining Copies
 330           </h3>
 331           <p>
 331             The Manual is intended to be viewed on line to ensure only the most up-to-date version of
                 procedures are being used. It will be updated regularly so, in the unlikely event there is a
                 requirement for hard copies they should be destroyed after 72 hours.
 331           </p>
 332           <h3 id="browser">
 332             10. Browser Recommendations
 332           </h3>
 333           <p>
 333             It is recommended that this manual is viewed with the latest browsers, with Java Script and
                 cookies enabled for maximum compatibility and functionality.
 333           </p>
 334           <p>
 334             Recommended browsers are:
 334           </p>
 336           <ul>
 337             <li>
 337               <a href="https://support.microsoft.com/en-us/help/17621/internet-explorer-downloads"
                   target="_blank" rel="noopener">
 337                 Internet Explorer 11
 337               </a>
 337               (Windows 7, 8 and 8.1);
 337             </li>
 338             <li>
 338               <a href="https://www.microsoft.com/en-gb/windows/microsoft-edge" target="_blank"
                   rel="noopener">
 338                 Microsoft Edge
 338               </a>
 338               (Windows 10);
 338             </li>
 339             <li>
 339               <a href="http://www.google.com/chrome/" target="_blank" rel="noopener">
 339                 Google Chrome
 339               </a>
 339               ;
 339             </li>
 340             <li>
 340               <a href="https://www.mozilla.org/en-GB/firefox/new/" target="_blank" rel="noopener">
 340                 Mozilla Firefox
 340               </a>
 340               ;
 340             </li>
 341             <li>
 341               <a href="https://support.apple.com/en_GB/downloads/safari" target="_blank" rel="noopener">
 341                 Apple Safari
 341               </a>
 341               .
 341             </li>
 342           </ul>
 344           <h3 id="mobile_tablet">
 344             11. Mobile/Tablet Compatibility
 344           </h3>
 345           <p>
 345             This manual has been tested on a variety of mobile devices to ensure that it displays correctly.
                 However, if you find that you still cannot use the site select the 'mobile' option at the bottom
                 of the screen. If you are using an older mobile device it is possible that the manual will not
                 display correctly.
 345           </p>
 346           <p>
 346             If you would like the text to be larger, resize the text under the accessibility options,
                 alternatively if you would also like the buttons and the rest of the layout to be enlarged you can
                 use the zoom function within your browser.
 346           </p>
 347           <p>
 347             The majority of devices have the functionality to allow a shortcut to be downloaded to the
                 homescreen by loading the site using the 'url' and using the upload function and tapping 'Add to
                 Home Screen'. The functionality may vary between devices, please refer to the manufacturer's
                 instructions.
 347           </p>
 348         </div>
 351       </main>
 352     </div>
 355     <footer>
 356       <div class="footer">
 357         <div>
 358           <p>
 358             <a href="privacypolicy.html">
 358               Privacy Policy
 358             </a>
 358             <br>
 359             <span style="font-size:small;">
 360               <span id='desktop_button' tabindex='0'>
 360                 Desktop
 360               </span>
 360               |
 360               <span id='mobile_button' tabindex='0'>
 360                 Mobile
 360               </span>
 360               |
 360               <span id='responsive_button' tabindex='0' style='text-decoration:underline'>
 360                 Responsive
 360               </span>
 360             </span>
 360           </p>
 362           <div id="trix_logo">
 363             <a href="https://www.trixonline.co.uk/" target="_blank" class="imagelink">
 363               <img src="images/trixlogo.png" height="40" alt="Tri.x Logo links to Tri.x homepage"/>
 363             </a>
 364           </div>
 365         </div>
 366       </div>
 368     </footer>
 369     <div id="desktoptest">
 369     </div>
 370     <script>
 497     </script>
 499     <script>
 508     </script>
 510     <script>
 557     </script>
 560     <script>
 562     </script>
 570     <script>
 609     </script>
 610     <script type="text/javascript">
 610     </script>
 612     <script>
 651     </script>
 655     <script type="text/javascript">
 667     </script>
 668   </body>
 669 </html>