Total Validator Home Page

Page report

Issue report

Summary

Total errors found:
6
WCAG21 A [5]:
E885 [4], E960 [1]
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-23">
  14     </script>
  15     <script>
  21     </script>
  24     <meta name="viewport" content="width=device-width, initial-scale=1" />
  25     <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" />
  26     <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  27     <link rel="stylesheet" type="text/css" href="../css/landingpages.css" />
  30     <link rel='shortcut icon' href='https://www.proceduresonline.com/resources/logos/procedures/favicon.ico' type='image/x-icon'/>
  31     <link rel="apple-touch-icon" href="https://www.proceduresonline.com/resources/logos/procedures/apple-touch-icon-57x57-precomposed.png" />
  32     <link rel="apple-touch-icon" sizes="72x72" href="https://www.proceduresonline.com/resources/logos/procedures/apple-touch-icon-72x72-precomposed.png" />
  33     <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>
  59   </head>
  61   <body onload="if (document.getElementById('zoom_searchbox')) {document.getElementById('zoom_searchbox').focus();}">
  62     <span role="navigation" aria-labelledby="skip_link">
  63       <a id="skip_link" class="skip-main" href="#main">
  63         Skip to main content
  63       </a>
  64     </span>
  68     <div class="navbar navbar-default" role="banner" aria-labelledby="banner">
  69       <div id="banner">
  70         <div class="container-fluid">
  71           <div class="row">
  72             <div class="container">
  73               <div class="col-sm-3">
  73                 <a href="../index.html">
  73                   <img src="../images/logo/client_logo.png" width="142" height="139" alt="Redcar and Cleveland logo">
  73                 </a>
  73               </div>
  75               <div class="col-sm-9">
  76                 <h1>
  76                   Redcar &amp; Cleveland Children's Services Procedures Manual
  76                 </h1>
  77               </div>
  81             </div>
  83           </div>
  84         </div>
  85       </div>
  88       <div class="container">
  89         <div class="navbar-header">
  90           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  90             <span class="sr-only">
  90               Toggle navigation
  90             </span>
  90             <span class="icon-bar">
  90             </span>
  90             <span class="icon-bar">
  90             </span>
  90             <span class="icon-bar">
  90             </span>
  90           </button>
  91           <a class="navbar-brand">
  91             &nbsp;
  91           </a>
  91         </div>
  92         <div class="collapse navbar-collapse">
  93           <ul class="nav navbar-nav">
  94             <li>
  94               <a href="../index.html">
  94                 Home
  94               </a>
  94             </li>
  95             <li>
  95               <a href="../contents.html">
  95                 Contents
  95               </a>
  95             </li>
  96             <li class="dropdown">
  96               <a class="dropdown-toggle" data-toggle="dropdown" href="#">
  96                 Resources
  96                 <span class="caret">
  96                 </span>
  96               </a>
  97               <ul class="dropdown-menu">
  98                 <li>
  98                   <a href="../local_resources.html">
  98                     Local Resources
  98                   </a>
  98                 </li>
  99                 <li>
  99                   <a href="http://trixresources.proceduresonline.com/nat_key/index.htm" target="_blank" rel="noopener">
  99                     Glossary
  99                   </a>
  99                 </li>
 100                 <li>
 100                   <a href="http://trixresources.proceduresonline.com/nat_cont/index.htm"target="_blank" rel="noopener">
 100                     Contacts
 100                   </a>
 100                 </li>
 101                 <li>
 101                   <a href="http://www.minimumstandards.org/regulations.html" target="_blank" rel="noopener">
 101                     Regulatory Framework
 101                   </a>
 101                 </li>
 102                 <li>
 102                   <a href="http://www.keepingchildrensafeineducation.co.uk/" target="_blank" rel="noopener">
 102                     KCSIE
 102                   </a>
 102                 </li>
 103               </ul>
 104             </li>
 105             <li>
 105               <a href="../using_this_manual.html">
 105                 Using this Manual
 105               </a>
 105             </li>
 106             <li>
 106               <a href="https://www.teescpp.org.uk/procedures-for-the-safeguarding-process/" title="LSCB" target="_blank" rel="noopener">
 106                 Safeguarding Children Procedures
 106               </a>
 106             </li>
 110           </ul>
 111           <ul class="nav navbar-nav navbar-right">
 111             <li class="dropdown">
 111               <a class="dropdown-toggle" data-toggle="dropdown" href="#">
 111                 Accessibility
 111                 <span class="caret">
 111                 </span>
 111               </a>
 111               <ul class="dropdown-menu">
 111                 <li>
 111                   <a href="#Larger" rel="light" class="styleswitch">
 111                     <span id="Larger">
 111                       Larger Text
 111                     </span>
 111                   </a>
 111                 </li>
 111                 <li class="divider">
 111                 </li>
 111                 <li>
 111                   <a href="#High" rel="dark" class="styleswitch">
 111                     <span id="High">
 111                       High Visibility
 111                     </span>
 111                   </a>
 111                 </li>
 111                 <li class="divider">
 111                 </li>
 111                 <li>
 111                   <a href="#Default" rel="normal" class="styleswitch">
 111                     <span id="Default">
 111                       Default Text
 111                     </span>
 111                   </a>
 111                 </li>
 111               </ul>
 111             </li>
 111             <li>
 111               <a href="../html/zoom/search.php" class="search">
 111                 SEARCH
 111               </a>
 111             </li>
 111           </ul>
 112         </div>
 114       </div>
 115     </div>
 118     <div id="exTab3" class="container" role="application" aria-labelledby="main">
 119       <ul class="nav nav-pills" id="main">
 120         <li class="active">
 120           <a href="#1b" data-toggle="tab">
 120             SEARCH PROCEDURES
 120             <span class="glyphicon glyphicon-search">
 120             </span>
 120           </a>
 120         </li>
 121         <li>
 121           <a href="#2b" data-toggle="tab">
 121             SEARCH LOCAL RESOURCES
 121             <span class="glyphicon glyphicon-search">
 121             </span>
 121           </a>
 121         </li>
 122       </ul>
 123       <div class="tab-content clearfix">
 124         <div class="tab-pane active" id="1b">
 126           <p>
 126             To search for an exact phrase, put the phrase inside double quotes, for example:
 126             <span class="bold">
 126               &quot;significant harm&quot;
 126             </span>
 126           </p>
 127           <p>
 127             Use an asterisk to represent part of a word; for example, a search for:
 127             <span class="bold">
 127               adopt*
 127             </span>
 127             will find
 127             <span class="bold">
 127               'adopt'
 127             </span>
 127             ,
 127             <span class="bold">
 127               'adoption'
 127             </span>
 127             ,
 127             <span class="bold">
 127               'adoptive'
 127             </span>
 127             etc.
 127           </p>
 128           <p>
 128             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.
 128           </p>
 131           <div class="form-inline">
 133             <div class="row">
 135               <div class="form-group">
 136                 <div class="input-group">
 140                   <div class="container">
 141                     <form method="get" action="/redcarcleveland/cs/zoom/search.php" class="zoom_searchform">
 141                       <input type="hidden" name="zoom_sort" value="0" />
 142                       Search for:
 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.
                           <input type="text" name="zoom_query" size="20" value="" id="zoom_searchbox" class="zoom_searchbox" />
 143                       <input type="submit" value="Submit" class="zoom_button" />
 144                       <span class="zoom_results_per_page">
 144                         Results per page:
 145 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">
 146                           <option selected="selected">
 146                             10
 146                           </option>
 147                           <option>
 147                             20
 147                           </option>
 148                           <option>
 148                             50
 148                           </option>
 149                           <option>
 149                             100
 149                           </option>
 150                         </select>
 150                         <br />
 150                         <br />
 150                       </span>
 151                       <span class="zoom_match">
 151                         Match:
 152 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" />
 152                         any search words
 153 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" />
 153                         all search words
 154                         <br />
 154                         <br />
 154                       </span>
 155                     </form>
 156                   </div>
 157                 </div>
 158               </div>
 159             </div>
 160           </div>
 164         </div>
 165         <div class="tab-pane" id="2b">
 166 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;">
 166             Search for forms and guides in the Content Management System
 166           </h2>
 169           <a class="modalButton" data-toggle="modal" data-src="#" href="#" data-target="#myModal">
 169             Full Local Resources here
 169           </a>
 173           <iframe src="https://proceduresonline.com/trixcms2/redcarclevelandcs/search28/" title="search cms">
 173           </iframe>
 175         </div>
 176       </div>
 177     </div>
 178     <div class="container" role="application" aria-labelledby="myModal">
 179       <div class="modal modal-wide fade" id="myModal">
 180         <div class="modal-dialog modal-lg">
 181           <div class="modal-content">
 182             <div class="modal-header">
 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.
                   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
 183                 &times;
 183               </button>
 184               <span class="bold">
 184                 Local Resources
 184               </span>
 184             </div>
 185             <div class="modal-body">
 186               <iframe src="https://proceduresonline.com/trixcms2/redcarclevelandcs/doc-library/" title="Document library popup">
 186               </iframe>
 187               <script>
 187               </script>
 188             </div>
 189             <div class="modal-footer">
 190               <button type="button" class="btn btn-default" data-dismiss="modal">
 190                 Close
 190               </button>
 191             </div>
 192           </div>
 194         </div>
 196       </div>
 198     </div>
 203     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
 203     </script>
 204     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js">
 204     </script>
 205     <script src="../js/dmss.js">
 205     </script>
 206     <script type="text/javascript">
 208     </script>
 209     <script>
 222     </script>
 223   </body>