Total Validator Home Page

Page report

Issue report

Summary

Total errors found:
8
WCAG21 A [7]:
E885 [4], E960 [3]
WCAG21 AA [1]:
E910 [1]
Total warnings found:
1
WCAG21 A [1]:
W863 [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>
  10 <html lang="en">
  11   <head>
  14     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-120055720-38">
  14     </script>
  15     <script>
  21     </script>
  25     <meta name="viewport" content="width=device-width, initial-scale=1" />
  26     <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" />
  27     <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  28     <link rel="stylesheet" type="text/css" href="../css/landingpages.css" />
  31     <link rel='shortcut icon' href='../images/favicon.ico' type='image/x-icon'/>
  32     <link rel="apple-touch-icon" href="../images/apple-touch-icon-57x57-precomposed.png" />
  33     <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon-72x72-precomposed.png" />
  34     <link rel="apple-touch-icon" sizes="114x114" href="../images/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>
  59   </head>
  61   <body onload="if (document.getElementById('zoom_searchbox'))
       {document.getElementById('zoom_searchbox').focus();}">
  62     <a class="skip-main" href="#main">
  62       Skip to main content
  62     </a>
  65     <div class="navbar navbar-default" role="navigation">
  66       <div id="banner">
  67         <div class="container-fluid">
  68           <div class="row">
  69             <div class="container">
  70               <div class="col-sm-3">
  70                 <a href="../index.html">
  70                   <img src="../images/logo/client_logo.png" width="261" height="86" alt="Warrington logo">
  70                 </a>
  70               </div>
  72               <div class="col-sm-9">
  73                 <h1>
  73                   Warrington Children's Services Procedures Manual
  73                 </h1>
  74               </div>
  78             </div>
  80           </div>
  81         </div>
  82       </div>
  85       <div class="container">
  86         <div class="navbar-header">
  87           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  87             <span class="sr-only">
  87               Toggle navigation
  87             </span>
  87             <span class="icon-bar">
  87             </span>
  87             <span class="icon-bar">
  87             </span>
  87             <span class="icon-bar">
  87             </span>
  87           </button>
  88           <a class="navbar-brand">
  88             &nbsp;
  88           </a>
  88         </div>
  89         <div class="collapse navbar-collapse">
  90           <ul class="nav navbar-nav">
  91             <li>
  91               <a href="../index.html">
  91                 Home
  91               </a>
  91             </li>
  92             <li>
  92               <a href="../contents.html">
  92                 Contents
  92               </a>
  92             </li>
  93             <li class="dropdown">
  93               <a class="dropdown-toggle" data-toggle="dropdown" href="#">
  93                 Resources
  93                 <span class="caret">
  93                 </span>
  93               </a>
  94               <ul class="dropdown-menu">
  95                 <li>
  95                   <a href="../local_resources.html">
  95                     Local Resources
  95                   </a>
  95                 </li>
  96                 <li>
  96                   <a href="http://trixresources.proceduresonline.com/nat_key/index.htm" target="_blank"
                       rel="noopener">
  96                     Glossary
  96                   </a>
  96                 </li>
  97                 <li>
  97                   <a href="http://trixresources.proceduresonline.com/nat_cont/index.htm"target="_blank"
                       rel="noopener">
  97                     National Contacts
  97                   </a>
  97                 </li>
  98                 <li>
  98                   <a href="http://www.minimumstandards.org/regulations.html" target="_blank" rel="noopener">
  98                     Regulatory Framework
  98                   </a>
  98                 </li>
  99                 <li>
  99                   <a href="http://www.keepingchildrensafeineducation.co.uk/" target="_blank" rel="noopener">
  99                     KCSIE
  99                   </a>
  99                 </li>
 100               </ul>
 101             </li>
 102             <li>
 102               <a href="../using_this_manual.html">
 102                 Using this Manual
 102               </a>
 102             </li>
 103             <li>
 103               <a href="https://www.proceduresonline.com/pancheshire/warrington/index.html" target="_blank"
                   rel="noopener">
 103                 Safeguarding Children Partnership Procedures
 103               </a>
 103             </li>
 107           </ul>
 108           <ul class="nav navbar-nav navbar-right">
 108             <li class="dropdown">
 108               <a class="dropdown-toggle" data-toggle="dropdown" href="#">
 108                 Accessibility
 108                 <span class="caret">
 108                 </span>
 108               </a>
 108               <ul class="dropdown-menu">
 108                 <li>
 108                   <a href="#Larger" rel="light" class="styleswitch">
 108                     <span id="Larger">
 108                       Larger Text
 108                     </span>
 108                   </a>
 108                 </li>
 108                 <li class="divider">
 108                 </li>
 108                 <li>
 108                   <a href="#High" rel="dark" class="styleswitch">
 108                     <span id="High">
 108                       High Visibility
 108                     </span>
 108                   </a>
 108                 </li>
 108                 <li class="divider">
 108                 </li>
 108                 <li>
 108                   <a href="#Default" rel="normal" class="styleswitch">
 108                     <span id="Default">
 108                       Default Text
 108                     </span>
 108                   </a>
 108                 </li>
 108               </ul>
 108             </li>
 108             <li>
 108               <a href="../html/zoom/search.php" class="btn btn-1 btn-1a">
 108                 SEARCH
 108               </a>
 108             </li>
 108           </ul>
 109         </div>
 111       </div>
 112     </div>
 115     <div id="exTab3" class="container">
 116       <ul class="nav nav-pills" id="main">
 117         <li class="active">
 117           <a href="#1b" data-toggle="tab">
 117             SEARCH PROCEDURES
 117             <span class="glyphicon glyphicon-search">
 117             </span>
 117           </a>
 117         </li>
 118         <li>
 118           <a href="#2b" data-toggle="tab">
 118             SEARCH LOCAL RESOURCES
 118             <span class="glyphicon glyphicon-search">
 118             </span>
 118           </a>
 118         </li>
 119       </ul>
 120       <div class="tab-content clearfix">
 121         <div class="tab-pane active" id="1b">
 123           <p>
 123             To search for an exact phrase, put the phrase inside double quotes, for example:
 123             <span class="bold">
 123               &quot;significant harm&quot;
 123             </span>
 123           </p>
 124           <p>
 124             Use an asterisk to represent part of a word; for example, a search for:
 124             <span class="bold">
 124               adopt*
 124             </span>
 124             will find
 124             <span class="bold">
 124               'adopt'
 124             </span>
 124             ,
 124             <span class="bold">
 124               'adoption'
 124             </span>
 124             ,
 124             <span class="bold">
 124               'adoptive'
 124             </span>
 124             etc.
 124           </p>
 125           <p>
 125             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.
 125           </p>
 128           <div class="form-inline">
 130             <div class="row">
 132               <div class="form-group">
 133                 <div class="input-group">
 137                   <div class="container">
 138                     <form method="get" action="/warrington/cs/zoom/search.php" class="zoom_searchform">
 138                       <input type="hidden" name="zoom_sort" value="0" />
 139                       Search for:
 139 next issueprevious issueE885 [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" />
 140                       <input type="submit" value="Submit" class="zoom_button" />
 141                       <span class="zoom_results_per_page">
 141                         Results per page:
 142 next issueprevious issueE885 [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">
 143                           <option selected="selected">
 143                             10
 143                           </option>
 144                           <option>
 144                             20
 144                           </option>
 145                           <option>
 145                             50
 145                           </option>
 146                           <option>
 146                             100
 146                           </option>
 147                         </select>
 147                         <br />
 147                         <br />
 147                       </span>
 148                       <span class="zoom_match">
 148                         Match:
 149 next issueprevious issueE885 [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" />
 149                         any search words
 150 next issueprevious issueW863 [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" />
 150                         all search words
 151                         <br />
 151                         <br />
 151                       </span>
 152                     </form>
 153                   </div>
 154                 </div>
 155               </div>
 156             </div>
 157           </div>
 161         </div>
 162         <div class="tab-pane" id="2b">
 163 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.               <h2 style="font-size: 22px;">
 163             Search for forms and guides in the Content Management System
 163           </h2>
 166           <a class="modalButton" data-toggle="modal" data-src="#" data-target="#myModal">
 166             Full Local Resources here
 166           </a>
 170           <iframe src="https://proceduresonline.com/trixcms1/warringtoncs/search32/" title="search CMS">
 170           </iframe>
 172         </div>
 173       </div>
 174     </div>
 175     <div class="container">
 176       <div class="modal modal-wide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal"
           aria-hidden="true">
 177         <div class="modal-dialog modal-lg">
 178           <div class="modal-content">
 179             <div class="modal-header">
 180 next issueprevious issueE960 [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">
 180                 &times;
 180               </button>
 181               <span class="bold">
 181                 Local Resources
 181               </span>
 181             </div>
 182             <div class="modal-body">
 183 next issueprevious issueE960 [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.                   <iframe src="https://proceduresonline.com/trixcms1/warringtoncs/doc-library/" title="Document library
                   popup">
 183               </iframe>
 184               <script>
 184               </script>
 185             </div>
 186             <div class="modal-footer">
 187 next issueprevious issueE960 [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="btn btn-default" data-dismiss="modal">
 187                 Close
 187               </button>
 188             </div>
 189           </div>
 191         </div>
 193       </div>
 195     </div>
 200     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
 200     </script>
 201     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js">
 201     </script>
 202     <script src="../js/dmss.js">
 202     </script>
 203     <script type="text/javascript">
 205     </script>
 206     <script>
 219     </script>
 222     <script type="text/javascript">
 230     </script>
 232   </body>