Total Validator Results

   1 <!doctype html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   9 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'>
   9     <title>
   9       Menu Selection
   9     </title>
  10     <link href='css/css.php' rel='stylesheet' type='text/css' id="main_style"/>
  11     <link rel='shortcut icon' href='images/favicon.ico' type='image/x-icon'/>
  13     <link rel="apple-touch-icon" href="images/apple-touch-icon-57x57-precomposed.png" />
  14     <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72-precomposed.png" />
  15     <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-precomposed.png" />
  17     <meta name="application-name" content="Menu Selection" />
  18     <meta name="msapplication-TileColor" content="#301880" />
  19     <meta name="msapplication-square70x70logo" content="images/smalltile.png" />
  20     <meta name="msapplication-square150x150logo" content="images/mediumtile.png" />
  21     <meta name="msapplication-wide310x150logo" content="images/widetile.png" />
  22     <meta name="msapplication-square310x310logo" content="images/largetile.png" />
  26     <link href='normal.css' id='switch_style' rel='stylesheet' type='text/css'>
  29     <link rel='stylesheet' media='(max-width: 1100px)' href='css/colours_mobile.css' />
  33     <link href='css/print.css' rel='stylesheet' type='text/css' media='print'>
  34     <link href='css/print_colours.css' rel='stylesheet' type='text/css' media='print'>
  36     <script src="scripts/print.js">
  36     </script>
  37     <script src="scripts/jquery-1.6.4.min.js">
  37     </script>
  38     <script src="scripts/jquery-dateFormat.min.js">
  38     </script>
  39     <script src="scripts/js.cookie.js">
  39     </script>
  40     <script type="text/javascript" src="scripts/highlight.js">
  40     </script>
  41     <script src='https://www.google.com/recaptcha/api.js'>
  41     </script>
  42     <script type="text/javascript" src="scripts/jquery.js">
  42     </script>
  43     <script type="text/javascript" src="scripts/pageOrganizer.js">
  43     </script>
  44     <script>
  51     </script>
 113     <style>
 114       #new_print {
 115         display:block;
 116       }
 117       #old_print {
 118         display:none;
 119       }
 120     </style>
 128     <style>
 129       ol {
 130         counter-reset: item;
 131         z-index:-1;
 132       }
 133       ol li.sub_list {
 134         display: block;
 135         position: relative;
 136       }
 137       ol li.sub_list:before {
 138         content: counters(item, ".")".";
 139         counter-increment: item;
 140         position: absolute;
 141         margin-right: 100%;
 142         right: 3px;
 143       }
 144       ol li.remove_bullet:before {
 145 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:"\ \ \ ";
 146         display:none;
 147       }
 148     </style>
 152     <style>
 153       .remove_bullet {
 154         list-style:none;
 155       }
 156     </style>
 180   </head>
 181   <body onLoad="if (document.getElementById('zoom_searchbox'))
       {document.getElementById('zoom_searchbox').focus();}">
 183     <div id="skip">
 183       <a href="#main_content" class="section_links">
 183         Skip navigation to sections
 183       </a>
 183     </div>
 184     <div id="cookie_bar">
 184       We use cookies to track usage and preferences.
 184       <a href="https://www.trixonline.co.uk/privacy-policy#cookies">
 184         View our Cookie Policy
 184       </a>
 184       <div id="cookie_agree">
 184         I Accept
 184       </div>
 184     </div>
 187     <div id="head_bar">
 189       <header>
 190         <div id="grey_bar">
 191           <div id="logo_holder">
 192             <img src="images/client_logo.png" height="85" alt="Bexley Logo"/>
 193           </div>
 193         </div>
 195         <div id="title">
 196           <h1>
 196             Bexley
 196             <span id="h1_sub">
 196               Children's Services Procedures Manual
 196             </span>
 196           </h1>
 198         </div>
 202         <div id="access_holder">
 202           <div id="access_text_hold" onclick="location.href='accessibility.html';">
 202             <a href="accessibility.html">
 202               Accessibility
 202             </a>
 202           </div>
 202         </div>
 203       </header>
 204     </div>
 205     <nav>
 207       <div id="sticky_navigation_wrapper">
 208         <div id="sticky_navigation">
 209           <div id="demo_container">
 210             <div id="menu_toggle">
 210               <img src="images/menu_white.png" id="drop_menu_button" height="20" alt="Menu toggle for
                   Mobile"/>
 211             </div>
 213             <div id="menu_items">
 214               <ul>
 215                 <li>
 215                   <a href="index.html">
 215                     Home
 215                   </a>
 215                 </li>
 216                 <li>
 216                   <a href="contents.html">
 216                     Contents
 216                   </a>
 216                 </li>
 217                 <li class="dropdownmenu" id="doubletap1">
 218 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">
 218                     Resources
 218                     <b>
 218                       &#9662;
 218                     </b>
 218                   </a>
 219                   <ul id="port_drop1" aria-label="submenu">
 220                     <li>
 220                       <a href="local_resources.html" tabindex="-1">
 220                         Policy Update
 220                       </a>
 220                     </li>
 221                     <li>
 221                       <a href="http://trixresources.proceduresonline.com/nat_key/index.htm" target="_blank"
                           tabindex="-1">
 221                         Glossary
 221                       </a>
 221                     </li>
 222                     <li>
 222                       <a href="http://trixresources.proceduresonline.com/nat_cont/index.htm"
                           target="_blank" tabindex="-1">
 222                         Contacts
 222                       </a>
 222                     </li>
 223                   </ul>
 224                 </li>
 225                 <li>
 225                   <a href="using_this_manual.html">
 225                     Using this Manual
 225                   </a>
 225                 </li>
 226                 <li>
 226                   <a href="http://www.londoncp.co.uk/" target="_blank" rel="noopener">
 226                     London Child Protection Procedures
 226                   </a>
 226                 </li>
 228               </ul>
 229             </div>
 233             <div id="search">
 233               <div id="search_contents">
 234 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;">
 236                   <div id="input_holder">
 238 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">
 239                   </div>
 240                   <div id="mag_holder">
 241                     <input class="imagelink" type="image" src="images/mag_white.png" id="mag_glass"
                         height="25" alt="Search" title="Search">
 243                   </div>
 243                 </form>
 243               </div>
 243             </div>
 245           </div>
 248         </div>
 250       </div>
 255     </nav>
 256     <div id="main_content" tabindex="-1">
 257       <main>
 259         <div id="chapter_title">
 262           <h2>
 262             Menu Selection
 262           </h2>
 264         </div>
 267         <div class="whitebox">
 268           <ul>
 269             <li>
 269               <a href="index.html" tabindex="0">
 269                 Home
 269               </a>
 269             </li>
 270             <li>
 270               <a href="contents.html">
 270                 Contents
 270               </a>
 270             </li>
 271             <li class="dropdownmenu">
 272               <a class="toplink" href="menu.html">
 272                 Resources
 272               </a>
 273               <ul aria-label="submenu">
 274                 <li>
 274                   <a href="local_resources.html">
 274                     Policy Updates
 274                   </a>
 274                 </li>
 275                 <li>
 275                   <a href="http://trixresources.proceduresonline.com/nat_key/index.htm" target="_blank"
                       rel="noopener">
 275                     Glossary
 275                   </a>
 275                 </li>
 276                 <li>
 276                   <a href="http://trixresources.proceduresonline.com/nat_cont/index.htm" target="_blank"
                       rel="noopener">
 276                     Contacts
 276                   </a>
 276                 </li>
 277               </ul>
 278             </li>
 284             <li>
 284               <a href="using_this_manual.html">
 284                 Using this Manual
 284               </a>
 284             </li>
 285             <li>
 285               <a href="http://www.londoncp.co.uk/" target="_blank" rel="noopener">
 285                 London Child Protection Procedures
 285               </a>
 285             </li>
 287           </ul>
 289         </div>
 291       </main>
 292     </div>
 295     <footer>
 296       <div class="footer">
 297         <div>
 298           <p>
 298             <a href="privacypolicy.html">
 298               Privacy Policy
 298             </a>
 298             <br>
 299             <span style="font-size:small;">
 300               <span id='desktop_button' tabindex='0'>
 300                 Desktop
 300               </span>
 300               |
 300               <span id='mobile_button' tabindex='0'>
 300                 Mobile
 300               </span>
 300               |
 300               <span id='responsive_button' tabindex='0' style='text-decoration:underline'>
 300                 Responsive
 300               </span>
 300             </span>
 300           </p>
 302           <div id="trix_logo">
 303             <a href="https://www.trixonline.co.uk/" target="_blank" class="imagelink">
 303               <img src="images/trixlogo.png" height="40" alt="Tri.x Logo links to Tri.x homepage"/>
 303             </a>
 304           </div>
 305         </div>
 306       </div>
 308     </footer>
 309     <div id="desktoptest">
 309     </div>
 310     <script>
 437     </script>
 439     <script>
 448     </script>
 450     <script>
 497     </script>
 500     <script>
 502     </script>
 510     <script>
 549     </script>
 550     <script type="text/javascript">
 550     </script>
 552     <script>
 591     </script>
 595     <script type="text/javascript">
 607     </script>
 608   </body>
 609 </html>