Traffic status updates - Transport for London

<!doctype html>      <html lang="en-GB" class="no-js no-touch">  <head> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="e601acc6-2e6f-4bed-a826-046477b39b61" data-framework="TCFv2.2" type="text/javascript" async></script> <script src="//assets.adobedtm.com/launch-ENc5e3f827edc94f2a816110524598acd7.min.js" async></script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" async></script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <link rel="shortcut icon" href="/cdn/static/assets/icons/favicon.ico" type="image/x-icon" /> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-196x196.png" sizes="196x196"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-160x160.png" sizes="160x160"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-32x32.png" sizes="32x32"> <link rel="mask-icon" href="/cdn/static/assets/icons/mask-icon.svg" /> <link rel="apple-touch-icon" sizes="57x57" href="/cdn/static/assets/icons/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/cdn/static/assets/icons/apple-touch-icon-72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/cdn/static/assets/icons/apple-touch-icon@2x.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/cdn/static/assets/icons/apple-touch-icon-72@2x.png" /> <meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable=yes" /> <meta name="HandheldFriendly" content="True"> <script type="text/javascript"> var h = document.documentElement; h.className = h.className.replace(/\bno-js\b/, ''); var isTouch = !!("ontouchstart" in window) || window.navigator.msMaxTouchPoints > 0; if (isTouch) { // remove class which defines hover behavior h.className = h.className.replace(/\bno-touch\b/, ''); } </script> <noscript> <link href="/cdn/static/styles/core/min/no-js.min.85b1d9e2.css" media="screen" rel="stylesheet" /> </noscript> <title>Traffic status updates - Transport for London</title> <meta name="description" content="Realtime Traffic travel updates." /> <meta name="author" content="Transport for London | Every Journey Matters" /> <meta property="og:title" content="Traffic status updates" /> <meta property="og:description" content="Realtime Traffic travel updates." /> <meta property="og:image" content="/static/1/images/TFL_Linkinage01.png" /> <meta property="og:site_name" content="Transport for London" /> <meta property="article:publisher" content="https://facebook.com/transportforlondon" /> <meta property="article:author" content="https://facebook.com/transportforlondon" /> <meta name="twitter:creator" content="@tfl" /> <link href="/cdn/static/styles/core/min/small.min.e4e39df7.css" media="screen,print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/modules.min.eb422ef4.css" media="screen,print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/specifics-small.min.c3bfe85b.css" media="screen, print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/medium.min.70b90106.css" media="screen and (min-width: 580px),print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/large.min.e2acef63.css" media="screen and (min-width: 900px)" rel="stylesheet" /><link href="/cdn/static/styles/core/min/print.min.2dbbc696.css" media="print" rel="stylesheet" />   <script type="text/javascript"> var tfl = tfl || {}; tfl.ads = tfl.ads || { amazonSlot: undefined, amazonAds: undefined }; </script> <script type='text/plain' data-cookieconsent='marketing'> window.setTimeout(function () { tfl.logs.create('Marketing cookies accepted'); tfl.logs.create('Dispatch onLoadAds event'); var loadAdsEvent = new CustomEvent('OnLoadAds', { detail: { consent: CookieConsent.consent } }); window.dispatchEvent(loadAdsEvent); }, 50); </script> <script src='/cdn/static/scripts/jquery/1.12.4/jquery.min.js' async></script>  <meta name="apple-itunes-app" content="app-id=1419541638">   <meta name="smartbanner:title" content="TfL Go: Live Tube, Bus & Rail"> <meta name="smartbanner:author" content="TfL"> <meta name="smartbanner:price" content="FREE"> <meta name="smartbanner:price-suffix-google" content=" - In Google Play"> <meta name="smartbanner:icon-google" content="/cdn/static/images/pwa/512x512.png"> <meta name="smartbanner:button" content="View"> <meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=uk.gov.tfl.gotfl&hl=en_GB&gl=US"> <meta name="smartbanner:enabled-platforms" content="android"> <meta name="smartbanner:close-label" content="Close">  <script src="/cdn/static/scripts/plugins/smart-banner/smartbanner.js" async></script> </head> <body class="personalisation-active"> <a href="#mainnav" class="visually-hidden skip-link">Skip to navigation</a> <a href="#full-width-content" class="visually-hidden skip-link">Skip to content</a> <a href="#footer" class="visually-hidden skip-link">Skip to footer</a> <div class="top-banner-advert" aria-hidden="true"> <div class="large" data-advert="/76889402/status_updates" data-advert-sizes="970, 90|970, 250"></div> <div class="medium" data-advert="/76889402/status_updates" data-advert-sizes="728, 90"></div> <div class="small" data-advert="/76889402/status_updates" data-advert-sizes="300, 50|320, 50"></div> </div> <div id="c-mask" class="c-mask disable-touch-scrolling"></div> <div id="container"> <div class="message-bar-style-1 medium-large"> <div class="r mayor-logo"> <img alt="Mayor of London" height="11" src="/cdn/static/images/MoL-small.png" width="150" /> </div> </div> <header class="mainnav" id="mainnav" role="banner"> <div id="smart-banner__container"></div> <div class="top-row"> <div class="r"> <div class="logo"> <a href="/"> <span class="main-roundel"> </span> <span class="tfl-name">Transport<br />for London</span> </a> </div> <div class="top-row-extras"> <div class="texts"> </div> <form action="/search/" method="GET" role="search"> <div class="search-tools"> <label for="q" class="visually-hidden">Search the site</label> <input type="text" placeholder="Search" id="q" name="q" /> <span id="search-button" class="hide-text" data-jumpto="#full-width-content :tabbable:first"></span> </div> </form> </div> </div> </div> <div id="more-panel" class="extra-nav r" role="tabpanel" aria-hidden="true"> <div class="menu" role="navigation" aria-label="More panel main menu"> <ul class="extras clearfix"> <li class="fares-and-payments"><a href="/fares/" data-jumpback=".extras .maps a:visible,.more a:first:visible">Fares</a></li> <li class="help-and-contact"><a href="/help-and-contact/" data-jumpback="#recent-journeys a:last">Help & contacts</a></li> <li class="maps"><a href="/maps_/maps" data-jumpback=".extras .status-update a:visible,.more a:first:visible">Maps</a></li> <li class="plan-journey"><a href="/plan-a-journey/" data-jumpback=".top-row-extras .more a:first:visible">Plan a journey</a></li> <li class="status-update"><a href="/status-updates/" data-jumpback=".extras .plan-journey a:visible,.more a:first:visible">Status updates</a></li> </ul> </div> <div class="menu-sub-section" role="navigation" aria-label="Travel information menu"> <h2 class="header-two">Travel information</h2> <ul class="clearfix"> <li><a href="/travel-information/improvements-and-projects/" >Improvements & projects</a></li> <li><a href="/travel-information/safety/" >Safety</a></li> <li><a href="/travel-information/stations-stops-and-piers/" >Stations, stops & piers</a></li> <li><a href="/travel-information/timetables/" >Timetables</a></li> <li><a href="/transport-accessibility/" >Transport accessibility</a></li> <li><a href="/travel-information/visiting-london/" >Visiting London </a></li> </ul> </div> <div class="menu-sub-section getting-around" role="navigation" aria-label="Ways to get around menu"> <h2 class="header-two">Ways to get around</h2> <ul class="clearfix"> <li><a href="/modes/buses/">Buses</a></li><li><a href="/modes/coaches/">Coaches</a></li><li><a href="/modes/cycling/">Cycling</a></li><li><a href="/modes/dial-a-ride/">Dial-a-Ride</a></li><li><a href="/modes/dlr/">DLR</a></li><li><a href="/modes/driving/">Driving</a></li><li><a href="/modes/elizabeth-line/">Elizabeth line</a></li><li><a href="/modes/london-cable-car/">IFS Cloud Cable Car</a></li><li><a href="/modes/london-overground/">London Overground</a></li><li><a href="/modes/river/">River</a></li><li><a href="/modes/taxis-and-minicabs/">Taxis & minicabs</a></li><li><a href="/modes/trams/">Trams</a></li><li><a href="/modes/tube/">Tube</a></li><li><a href="/modes/walking/">Walking</a></li> </ul> </div> <div class="menu-sub-section quick-links" role="navigation" aria-label="Quick links menu"> <h2 class="header-two">Quick links</h2> <ul class="clearfix"> <li><a href="/fares/contactless-and-oyster-account">Contactless and Oyster account</a></li> <li><a href="/fares/refunds-and-replacements">Refunds and replacements</a></li> <li><a href="/modes/driving/pay-to-drive-in-london">Pay to drive in London</a></li> <li><a href="/status-updates/travel-tools" data-jumpto=".login a">Travel tools</a></li> </ul> </div> </div> </header> <main id="full-width-content"> <div class="broadcast-comms-wrapper hidden"> <a class="broadcast-comms" href="/campaign/strikes"> <div class="r"> <div class="broadcast-text"> </div> </div> </a> </div><div class="r"> <nav class="breadcrumb-container" aria-label="Transport for London breadcrumb navigation."> <ul class="breadcrumbs clearfix"> <li class="home"> <a href="/"> <span class="hide-text">Home</span> </a> </li> <li> <a href="/tube-dlr-overground/status/">Status updates</a> </li> <li> <span class="last-breadcrumb" aria-current="page">Traffic</span> </li> </ul> </nav> </div>   <div class="r status-update-heading"> <div class="headline-container content-page clearfix heading-dropdowns-wrap"> <h1>Status updates</h1> <div class="dropdowns-wrap clearfix"> <div class="heading-dropdown modes-dropdown-placeholder" data-list-header="Select Transport Mode"> </div> <div class="heading-dropdown date-dropdown-placeholder" data-list-header="Select date"> </div> </div> </div> </div> <div class="r service-status-links" data-mode="Traffic"> <ul class="links-list modes-list status-updates" data-selected-item-id="Traffic" data-dropdown-label="Mode of transport" data-dropdown-target="modes-dropdown-placeholder" data-dropdown-option="tab-dropdown" role="tablist"> <li class="tube " data-item-id="Tube, Overground, Elizabeth line, DLR & Tram" role="presentation"> <a href="/tube-dlr-overground/status/?corridorIds=a1" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>Tube, Overground, Elizabeth line, DLR & Tram</span> </a> </li> <li class="bus " data-item-id="Buses" role="presentation"> <a href="/bus/status/?corridorIds=a1" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>Buses</span> </a> </li> <li class="traffic selected" data-item-id="Traffic" role="presentation"> <span class='dropdown-name' role='tab' aria-selected='true'>Traffic</span> </li> <li class="river-bus " data-item-id="River Bus" role="presentation"> <a href="/river/status/?corridorIds=a1" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>River Bus</span> </a> </li> <li class="cable-car " data-item-id="IFS Cloud Cable Car" role="presentation"> <a href="/cable-car/status/?corridorIds=a1" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>IFS Cloud Cable Car</span> </a> </li> <li class="national-rail " data-item-id="National Rail" role="presentation"> <a href="/national-rail/status/?corridorIds=a1" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>National Rail</span> </a> </li> </ul> </div> <div class="r service-status-links"> <ul class="links-list status-updates" data-selected-item-id="13/12/24" data-dropdown-label="Date picker" data-dropdown-target="date-dropdown-placeholder" data-dropdown-option="tab-dropdown"> <li data-item-id="Now 08:31" class="selected now"> <span class='dropdown-name' role='button' aria-pressed='true'>Now 08:31</span> </li> <li data-item-id="14/12/24 - 15/12/24" class="not-selected weekend"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-14T00%3A00%3A00&endDate=2024-12-15T23%3A59%3A59&dateTypeSelect=This%20weekend" role="button" aria-pressed="false"> <span class='dropdown-name' role='button' aria-pressed='true'>This weekend</span> </a> </li> <li data-item-id="" class="not-selected future"> <div class="date-wrap"> <a class='dropdown-name future' data-input="" data-lineids ="" data-direction="" href="javascript: void(0);">Future date</a> </div> <div class="advance-month-container"> <span>December 2024</span> <a class="no-js-next-month" href="/traffic/status/?corridorIds=a1&startDate=2025-01-13T08%3A31%3A41"> <span>Next month</span> </a> </div> <div class="date-link-container" data-current-day="13" data-current-month="12" data-current-year="2024" data-href="/traffic/status/?corridorIds=a1"> <div class="date-link"> <span class="selected-date" data-selected-day="13" data-selected-month="12" data-selected-year="2024">13/12/24</span> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">13</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-14T08%3A31%3A41&endDate=2024-12-14T23%3A59%3A59">14/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">14</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-15T08%3A31%3A41&endDate=2024-12-15T23%3A59%3A59">15/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">15</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-16T08%3A31%3A41&endDate=2024-12-16T23%3A59%3A59">16/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">16</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-17T08%3A31%3A41&endDate=2024-12-17T23%3A59%3A59">17/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">17</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-18T08%3A31%3A41&endDate=2024-12-18T23%3A59%3A59">18/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">18</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-19T08%3A31%3A41&endDate=2024-12-19T23%3A59%3A59">19/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">19</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-20T08%3A31%3A41&endDate=2024-12-20T23%3A59%3A59">20/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">20</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-21T08%3A31%3A41&endDate=2024-12-21T23%3A59%3A59">21/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">21</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-22T08%3A31%3A41&endDate=2024-12-22T23%3A59%3A59">22/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">22</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-23T08%3A31%3A41&endDate=2024-12-23T23%3A59%3A59">23/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">23</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-24T08%3A31%3A41&endDate=2024-12-24T23%3A59%3A59">24/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">24</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-25T08%3A31%3A41&endDate=2024-12-25T23%3A59%3A59">25/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">25</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-26T08%3A31%3A41&endDate=2024-12-26T23%3A59%3A59">26/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">26</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-27T08%3A31%3A41&endDate=2024-12-27T23%3A59%3A59">27/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">27</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-28T08%3A31%3A41&endDate=2024-12-28T23%3A59%3A59">28/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">28</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-29T08%3A31%3A41&endDate=2024-12-29T23%3A59%3A59">29/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">29</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-30T08%3A31%3A41&endDate=2024-12-30T23%3A59%3A59">30/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">30</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-31T08%3A31%3A41&endDate=2024-12-31T23%3A59%3A59">31/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">31</span> </div> </div> <div class="fc-calendar-container" data-month="12" data-year="2024"></div> </li> </ul> </div> <div class="r no-overflow small-medium"> <div class="small-medium main map-sliver-container" data-set="status-map"> <div class="moving-source-order"> <div class="map-wrapper"> <div id="roadmap" class="status-map map-sliver" data-panel-target="#roadmap-panel" data-map-type="google" data-map-purpose="road"></div> </div> </div> </div> </div> <div class="r"> <div class="aside"> <div id="service-status-page-board" class="service-status-rainbow-board"> <div class="search-filter"> <div class="heading clearfix"><h3>Find a postcode, place or road</h3></div> <form id="search-filter-form" action="/disambiguation" method="GET" data-placeholder="Westminster, London Eye, A406, SW10" data-datasets="[["placesExtra","/traffic/status?Input={{input}}&InputGeolocation={{lon}},{{lat}}"],["stopPoints","/traffic/status?Input={{input}}&InputGeolocation={{lon}},{{lat}}"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="False" data-include-geolocation="True" data-allow-geo-location-submit="True" data-current-location-submit-url="" data-modes = "tube,dlr,overground,river-bus,river-tour,tram,cable-car" data-ajax-enabled="True" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{}"> <div class="text-input"> <label class="heading visually-hidden" for="Input">Find a postcode, place or road</label> <input class="" data-autocorrect="off" data-placeholder-no-focus="" data-placeholder-on-focus="" data-val="true" data-val-required="Please enter a search term." id="Input" name="Input" placeholder="Westminster, London Eye, A406, SW10" role="combobox" type="text" value="" /> <script> //Code to fix IE11 tabbing bug if (!!window.MSInputMethodContext && !!document.documentMode) { var formInstance = document.getElementById('search-filter-form'); var tabFlag = false; function checkTabPress(event) { if (event.key === 'Tab') { if (tabFlag) { formInstance.elements.Input.focus(); tabFlag = false; } if (event.target.id === 'Input') { tabFlag = true; } } } formInstance.addEventListener('keyup', checkTabPress); } </script> <span class="field-validation-error geolocation-error hidden" id="Input-error"> </span> <input name="DataSetsJson" type="hidden" value="[["placesExtra","/traffic/status?Input={{input}}&InputGeolocation={{lon}},{{lat}}"],["stopPoints","/traffic/status?Input={{input}}&InputGeolocation={{lon}},{{lat}}"]]" /><input name="Modes" type="hidden" value="tube,dlr,overground,river-bus,river-tour,tram,cable-car" /><input name="PlaceHolderText" type="hidden" value="Westminster, London Eye, A406, SW10" /> <input type="hidden" tabindex="-1" id="InputGeolocation" name="InputGeolocation" /> </div> <div class="submit-button"> <input type="submit" value="Go" class="primary-button" /> </div> </form> </div> <div id="view-map-button-container"></div> <div class="fav-panel-save-roads-container no-js-hide"> <div class="fav-panel-save-roads-container-inner favourite-tab"> <button id="fav-panel-save" class="fav-panel-save-button"><span class="align-text">Add favourites</span></button> </div> </div> <div id="rainbow-list-roads" class="rainbow-board roads visible "> <table> <caption>Transport For London Road Corridors - Service updates at 13/12/2024 08:31:41</caption> <thead> <tr> <th scope="col">Road corridor</th> <th scope="col">Status</th> </tr> </thead> <tbody class="board-good-service scrolling"> <tr data-line-class="roadcorridor-a1" data-corridor-group="" data-corridor-name="a1" class="no-disruption select-corridor"> <th class="roadcorridor-a1 line-text"> <div class="road-corridor"> <span>A1</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a1" class="disruption-info-link" data-corridor-name="a1"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a10" data-corridor-group="" data-corridor-name="a10" class="no-disruption select-corridor"> <th class="roadcorridor-a10 line-text"> <div class="road-corridor"> <span>A10</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a10" class="disruption-info-link" data-corridor-name="a10"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a12" data-corridor-group="" data-corridor-name="a12" class="no-disruption select-corridor"> <th class="roadcorridor-a12 line-text"> <div class="road-corridor"> <span>A12</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a12" class="disruption-info-link" data-corridor-name="a12"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a13" data-corridor-group="" data-corridor-name="a13" class="no-disruption select-corridor"> <th class="roadcorridor-a13 line-text"> <div class="road-corridor"> <span>A13</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a13" class="disruption-info-link" data-corridor-name="a13"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a2" data-corridor-group="" data-corridor-name="a2" class="no-disruption select-corridor"> <th class="roadcorridor-a2 line-text"> <div class="road-corridor"> <span>A2</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a2" class="disruption-info-link" data-corridor-name="a2"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a20" data-corridor-group="" data-corridor-name="a20" class="no-disruption select-corridor"> <th class="roadcorridor-a20 line-text"> <div class="road-corridor"> <span>A20</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a20" class="disruption-info-link" data-corridor-name="a20"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a21" data-corridor-group="" data-corridor-name="a21" class="no-disruption select-corridor"> <th class="roadcorridor-a21 line-text"> <div class="road-corridor"> <span>A21</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a21" class="disruption-info-link" data-corridor-name="a21"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a23" data-corridor-group="" data-corridor-name="a23" class="no-disruption select-corridor"> <th class="roadcorridor-a23 line-text"> <div class="road-corridor"> <span>A23</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a23" class="disruption-info-link" data-corridor-name="a23"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a24" data-corridor-group="" data-corridor-name="a24" class="no-disruption select-corridor"> <th class="roadcorridor-a24 line-text"> <div class="road-corridor"> <span>A24</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a24" class="disruption-info-link" data-corridor-name="a24"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a3" data-corridor-group="" data-corridor-name="a3" class="no-disruption select-corridor"> <th class="roadcorridor-a3 line-text"> <div class="road-corridor"> <span>A3</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a3" class="disruption-info-link" data-corridor-name="a3"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a316" data-corridor-group="" data-corridor-name="a316" class="no-disruption select-corridor"> <th class="roadcorridor-a316 line-text"> <div class="road-corridor"> <span>A316</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a316" class="disruption-info-link" data-corridor-name="a316"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a4" data-corridor-group="" data-corridor-name="a4" class="no-disruption select-corridor"> <th class="roadcorridor-a4 line-text"> <div class="road-corridor"> <span>A4</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a4" class="disruption-info-link" data-corridor-name="a4"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a40" data-corridor-group="" data-corridor-name="a40" class="no-disruption select-corridor"> <th class="roadcorridor-a40 line-text"> <div class="road-corridor"> <span>A40</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a40" class="disruption-info-link" data-corridor-name="a40"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a41" data-corridor-group="" data-corridor-name="a41" class="no-disruption select-corridor"> <th class="roadcorridor-a41 line-text"> <div class="road-corridor"> <span>A41</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a41" class="disruption-info-link" data-corridor-name="a41"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-blackwall tunnel" data-corridor-group="" data-corridor-name="blackwall tunnel" class="no-disruption select-corridor"> <th class="roadcorridor-blackwall tunnel line-text"> <div class="road-corridor"> <span>Blackwall Tunnel</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=blackwall%20tunnel" class="disruption-info-link" data-corridor-name="blackwall tunnel"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-Central London Red Routes" data-corridor-group="Central London Red Routes" data-corridor-name="Central London Red Routes" class="no-disruption select-corridor"> <th class="roadcorridor-Central London Red Routes line-text"> <div class="road-corridor"> <span>Central London Red Routes</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=Central%20London%20Red%20Routes" class="disruption-info-link" data-corridor-name="Central London Red Routes"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a406" data-corridor-group="" data-corridor-name="a406" class="no-disruption select-corridor"> <th class="roadcorridor-a406 line-text"> <div class="road-corridor"> <span>North Circular (A406)</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a406" class="disruption-info-link" data-corridor-name="a406"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a205" data-corridor-group="" data-corridor-name="a205" class="no-disruption select-corridor"> <th class="roadcorridor-a205 line-text"> <div class="road-corridor"> <span>South Circular (A205)</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a205" class="disruption-info-link" data-corridor-name="a205"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr class="collapsed-lines"> <th class="lines-wrapper">All road<br>corridors</th> <td class="service-status"> <a href="javascript:void(0)" class="disruption-info-link"> <span class="vertical-center-message"><strong>No exceptional delays</strong> on all road corridors</span> </a> </td> </tr> </tbody> </table> </div> </div> <div class="large" data-set="aside-content"> <div class="moving-source-order"> <div class="vertical-button-container"> <a href="/status-updates/major-works-and-events" class="plain-button">Major works & events</a> </div> <div class="follow-social email"> <div class="social-image"></div> <div class="social-text"> <h3>Email updates</h3> <p>Customer updates and advanced warning of weekend closures and planned works</p> </div> <div class="social-button"> <a class="secondary-button" href="/travel-information/social-media-and-email-updates/email-updates">Register</a> </div> </div> </div> </div> </div> <div class="main" > <div class="large" data-set="status-map"></div> <div class="roads-map-panel">  <div id="roadmap-panel" class="map-panel hidden"> <div class="map-panel-info"></div> <a href="javascript:void(0)" class="close3-icon hide-text"><span>Close map panel</span></a> </div>  </div> <div class="disruptions-wrapper-small clearfix"> <div class="small-medium" data-set="rainbow-board"></div> <div class="road-disruptions-container"> <div id="road-disruptions"> <input id="PageNumber" name="PageNumber" type="hidden" value="" /> <div class="road-disruptions-wrapper"> <div class="road-disruptions"> <div class="road-disruption" data-has-closures="false" data-point="[-0.11269,51.531453]" data-severity="Minimal" data-severity-class="Works" data-category="Works" data-sub-category="Utility works" data-corridors="a1,inner ring" data-disruption-id="TIMS-201066" data-lastmodifiedtimegmtlocaldisplay="09:51 Sunday 01 September 2024"> <div class="location"> <h3>A1</h3> <h3>Inner Ring</h3> <h4>[A501] PENTONVILLE ROAD (EC1V,N1,WC1X) (Camden,Islington)</h4> </div> <div class="severity Minimal"> <span class="tag default"> </span> <span>Minimal</span> </div> <div class="disruption-info"> <p class="highlight dates" data-start="2024-06-27"> From: Thursday 27 June 2024 <br /> To: Sunday 20 October 2024 </p> <p class="highlight"> Last updated 09:51 Sunday 01 September 2024 : <span class="current-update">Delays are possible.</span> </p> <p class="topmargin"><strong>Works</strong> | Utility works </p> <p> <span class="comments">[A501] Pentonville Road (Both directions) between Cumming Street and Baron Street - Various restrictions in phases due to Thames Water trunk mains project. Penton Street, closed until 30 Aug. Lane restrictions at Penton Rise. (26 Aug to 09 Sept): Eastbound lane one (of two) restriction at Cumming Street, and Cumming Street is closed. (16 Sept to 20 Oct): Westbound road closure (bus lane only) at Penton Rise.</span> </p> <p><a href="javascript:void(0);" class="show-hide-link active hidden" data-show-hide-target="road-list-0">List affected roads:</a></p> <ul class="affected-roads" id="road-list-0"> <li>PENTON STREET (N1) (Northbound)</li> <li>CUMMING STREET (N1) (Both directions)</li> <li>[A501] PENTONVILLE ROAD (N1,WC1X) (Westbound)</li> </ul> </div> </div> <div class="road-disruption" data-has-closures="false" data-point="[-0.249804,51.655023]" data-severity="Minimal" data-severity-class="Works" data-category="Works" data-sub-category="TfL works" data-corridors="a1" data-disruption-id="TIMS-202550" data-lastmodifiedtimegmtlocaldisplay="09:41 Sunday 01 September 2024"> <div class="location"> <h3>A1</h3> <h4>[A1] BARNET BYPASS (EN5,WD6) (Barnet)</h4> </div> <div class="severity Minimal"> <span class="tag default"> </span> <span>Minimal</span> </div> <div class="disruption-info"> <p class="highlight dates" data-start="2024-07-22"> From: Monday 22 July 2024 <br /> To: Wednesday 09 October 2024 </p> <p class="highlight"> Last updated 09:41 Sunday 01 September 2024 : <span class="current-update">Delays are possible. </span> </p> <p class="topmargin"><strong>Works</strong> | TfL works </p> <p> <span class="comments">[A1] Barnet Bypass (Both directions) at the junction of [A5135] Rowley Lane - Emergency maintenance works on the flyover until early October. A1 Barnet Bypass Road, alternating lane restrictions in either the north or southbound carriageway, dependent on works progress. The A1 Barnet Bypass (Both directions) will also closed between approximately 21:00 and 05:00 some nights: Northbound: 11-15 August, 8-9, 12-15, 22-23 September. Southbound: 15-19 August, 24-25 August, 31 August-4 September, 6-8, 9-12 September.</span> </p> <p><a href="javascript:void(0);" class="show-hide-link active hidden" data-show-hide-target="road-list-1">List affected roads:</a></p> <ul class="affected-roads" id="road-list-1"> <li>[A1] BARNET BYPASS (WD6) (Both directions)</li> </ul> </div> </div> <div class="road-disruption" data-has-closures="false" data-point="[-0.107577,51.549065]" data-severity="Minimal" data-severity-class="Works" data-category="Works" data-sub-category="Utility works" data-corridors="a1" data-disruption-id="TIMS-204781" data-lastmodifiedtimegmtlocaldisplay="18:08 Sunday 01 September 2024"> <div class="location"> <h3>A1</h3> <h4>[A1] HOLLOWAY ROAD (N1,N5,N7) (Islington)</h4> </div> <div class="severity Minimal"> <span class="tag default"> </span> <span>Minimal</span> </div> <div class="disruption-info"> <p class="highlight dates" data-start="2024-08-30"> From: Friday 30 August 2024 <br /> To: Thursday 05 September 2024 </p> <p class="highlight"> Last updated 18:08 Sunday 01 September 2024 : <span class="current-update">Delays are possible. </span> </p> <p class="topmargin"><strong>Works</strong> | Utility works </p> <p> <span class="comments">[A1] Holloway Road (Southbound) at the junction of Fieldway Crescent - Lane one (of two) (bus lane) closed during emergency UKPN works.</span> </p> </div> </div> </div> </div> </div> <div class='list-of-hidden-disruptions hidden'></div> </div> </div> <div class="small-medium" data-set="aside-content"></div> </div> </div> <div class="bottom-advert"> <div class="close-ad-button visually-hidden"><span class="close-icon-circle"></span></div> <div data-advert="/76889402/status_updates" data-advert-sizes="320, 50"></div> </div> </main> <footer id="footer" role="contentinfo"> <div class="primary-footer r"> <div class="about-tfl-menu" role="navigation" aria-labelledby="about-tfl-heading"> <h2 id="about-tfl-heading" class="visually-hidden">About TfL</h2> <ul class="footer-links"> <li><a href="/help-and-contact/">Help & contacts</a></li> <li><a class="" href="/corporate/about-tfl/" >About TfL</a></li> <li><a class="" href="/corporate/careers/" >Careers</a></li> <li><a class="" href="/corporate/publications-and-reports/" >Publications & reports</a></li> <li><a class="" href="/corporate/safety-and-security/" >Safety & security</a></li> <li><a class="" href="/travel-information/social-media-and-email-updates/" >Social media & email updates</a></li> <li><a class="" href="/corporate/transparency/" >Transparency</a></li> <li><a href="https://www.ltmuseumshop.co.uk/">Gift Shop</a></li> <li><div id="google-translate"></div></li> </ul> </div> <div role="navigation" aria-labelledby="information-for-heading"> <h2 id="information-for-heading" class="heading">Information for...</h2> <ul class="info-for clearfix"> <li><a href="/info-for/boroughs-and-communities/">Boroughs & communities</a></li><li><a href="/info-for/bus-operators/">Bus operators</a></li><li><a href="/info-for/business-and-advertisers/">Business & advertisers</a></li><li><a href="/info-for/coach-drivers/">Coach drivers</a></li><li><a href="/info-for/deliveries-in-london/">Freight & servicing in London</a></li><li><a href="/info-for/investors/">Investors</a></li><li><a href="/info-for/media/">Media</a></li><li><a href="/info-for/open-data-users/">Open data users</a></li><li><a href="/info-for/schools-and-young-people/">Schools & young people</a></li><li><a href="/info-for/suppliers-and-contractors/">Suppliers & contractors</a></li><li><a href="/info-for/taxis-and-private-hire/">Taxi & private hire </a></li><li><a href="/info-for/urban-planning-and-construction/">Urban planning & construction</a></li> </ul> </div> <div class="footer-MOL-logo" role="navigation" aria-label="Other public bodies"> <ul class="links-list" id="gla-list" data-selected-item-id="Mayor Of London Logo" data-dropdown-target="footer-MOL-logo" data-dropdown-option="gla-dropdown"> <li class="MOL-logo-dropdown" data-item-id="Mayor Of London Logo"><img src="/static/cms/images/MoL.png" alt="Mayor of London"></li> <li data-item-id="" class="greater-london-authority-li"><img src="/static/cms/images/GLA_Logo.png" alt="Greater London Authority" /></li> <li data-item-id="MOL1"><a href="http://www.london.gov.uk/">Mayor of London</a></li> <li data-item-id="LA2"><a href="http://www.london.gov.uk/mayor-assembly/london-assembly">London Assembly</a></li> <li data-item-id="LP3"><a href="http://www.londonandpartners.com/">London and Partners</a></li> <li data-item-id="MPS4"><a href="https://www.met.police.uk/">Metropolitan Police Service</a></li> <li data-item-id="LFEPA5"><a href="https://www.london-fire.gov.uk/">London Fire Brigade</a></li> <li data-item-id="MOPC6"><a href="https://www.london.gov.uk/what-we-do/mayors-office-policing-and-crime-mopac">The Mayors Office of Policing and Crime</a></li> </ul> </div> </div> <div class="secondary-footer"> <div class="r"> <div class="terms-and-conditions-menu" role="navigation" aria-labelledby="legal-information-heading"> <h2 id="legal-information-heading" class="visually-hidden">Legal information</h2> <ul> <li><a href="/corporate/data-sources">Data sources</a></li><li><a href="/corporate/privacy-and-cookies/">Privacy & cookies</a></li><li><a href="/corporate/terms-and-conditions/">Terms & conditions </a></li><li><a href="/corporate/website-accessibility/">Digital accessibility</a></li> </ul> </div> <span class="heading">Copyright TfL</span> </div> </div> <div> </div> </footer> </div> <div class="js-panelwrapper" id="favourites-panel" role="dialog" aria-label="Favourites"> <div id="fav-panel-status" class="fav-panel fav-panel-status fav-panel-slide-right scrollable" aria-hidden="true" aria-labelledby="addFavouritesHeading"> <div class="fav-panel-header"> <div class="fav-panel-header-contents"> <div class="fav-close-icon"> <button class="fav-panel__close fav-panel-close-favicon"> <span class="fav-icon large-icon fav-panel-star hide-text"> Close Favourites </span> </button> </div> </div> </div> <div class="fav-banner"> <div class="fav-dismiss-icon"></div> <div class="clearfix"></div> <a class="fav-banner-link" href="#"> <div class="fav-banner-contents"> <div class="fav-banner-title"></div> <div class="fav-banner-description"></div> </div> </a> </div> <div class="fav-panel-details fav-panel__items"> <div id="fav-status-tube-dlr-overground-elizabeth-line-tram" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram"></div> <div> <div class="fav-status-sub-heading"> <h2>My Lines</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Tube, Overground, Elizabeth line, DLR & Tram"> <span class="fav-status-edit-link" data-track-mode="my lines">Edit<span class="visually-hidden"> my lines</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-tube-dlr-overground-elizabeth-line-tram" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram"></div> </div> </div> <div class="fav-forward-to-all"> <a href="/tube-dlr-overground/status/"> <span class="fav-status-all-link">View all statuses</span> </a> </div> </div> <div id="fav-status-bus" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-bus"></div> <div> <div class="fav-status-sub-heading"> <h2>My Buses</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Bus"> <span class="fav-status-edit-link" data-track-mode="my buses">Edit<span class="visually-hidden"> my buses</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-bus"></div> </div> </div> </div> <div id="fav-status-traffic" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-roads"></div> <div> <div class="fav-status-sub-heading"> <h2>My Roads</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Traffic"> <span class="fav-status-edit-link" data-track-mode="my roads">Edit<span class="visually-hidden"> my roads</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-traffic" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div id="fav-panel-rainbow-list-roads" class="rainbow-board roads"> </div> </div> <div class="fav-forward-to-all"> <a href="/traffic/status/"> <span class="fav-status-all-link">View all reported incidents</span> </a> </div> </div> <div id="fav-status-river-bus" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-river-bus"></div> <div> <div class="fav-status-sub-heading"> <h2>My River Buses</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="River Bus"> <span class="fav-status-edit-link" data-track-mode="my river buses">Edit<span class="visually-hidden"> my river buses</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-river-bus" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-river-bus"></div> </div> </div> <div class="fav-forward-to-all"> <a href="/river/status/"> <span class="fav-status-all-link">View all statuses</span> </a> </div> </div> <div id="fav-status-cable-car" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-cable-car"></div> <div> <div class="fav-status-sub-heading"> <h2>My IFS Cloud Cable Car</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="CableCar"> <span class="fav-status-edit-link" data-track-mode="my IFS Cloud Cable Car">Edit<span class="visually-hidden"> my IFS Cloud Cable Car</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-cable-car" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-cable-car"></div> </div> </div> <div class="fav-forward-to-all"> <a href="/cable-car/status/"> <span class="fav-status-all-link">View status</span> </a> </div> </div> <div id="fav-status-journey" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-journey"></div> <div> <div class="fav-status-sub-heading"> <h2>My Journeys</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Journey"> <span class="fav-status-edit-link" data-track-mode="my journeys">Edit<span class="visually-hidden"> my journeys</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-journey"> </div> </div> </div> </div> <div id="fav-status-place" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-place"></div> <div> <div class="fav-status-sub-heading"> <h2>My Places</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="place"> <span class="fav-status-edit-link" data-track-mode="my places">Edit<span class="visually-hidden"> my places</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-place"> <ul class="fav-rainbow-list"></ul> </div> </div> </div> </div> <div id="fav-add-favourites" class="fav-panel-item js-cookiemessagecontainer"> <div> <div class="fav-status-sub-heading"> <h2 id="addFavouritesHeading" data-text-first-time="Add favourites for quick access to live status, journeys and places" data-text-add="Add favourites"> Add favourites for quick access to live status, journeys and places </h2> </div> <div class="js-cookie-warning cookie-warning-message" data-warning-message="Favourites is disabled due to your cookie preferences."> <p></p> </div> <div class="js-cookie-renew cookie-warning-link" data-cookie-message="Accept functionality cookies to use this feature"> <a class="link2"></a> </div> </div> <div class="clearfix"></div> <div class="fav-forward-to-all"> </div> <div class="fav-forward-to-all" id="add-tube-dlr-overground-elizabeth-line-tram"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="Tube, Overground, Elizabeth line, DLR & Tram"> <span class="fav-add-link add-lines" data-track-mode="my lines">Lines</span> </a> </div> <div class="fav-forward-to-all" id="add-bus"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="Bus"> <span class="fav-add-link add-bus" data-track-mode="my buses">Buses</span> </a> </div> <div class="fav-forward-to-all" id="add-traffic"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="Traffic"> <span class="fav-add-link add-roads" data-track-mode="my roads">Roads</span> </a> </div> <div class="fav-forward-to-all" id="add-river-bus"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="River Bus"> <span class="fav-add-link add-river-buses" data-track-mode="my river buses">River Buses</span> </a> </div> <div class="fav-forward-to-all" id="add-cable-car"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="CableCar"> <span class="fav-add-link add-cable-car" data-track-mode="my IFS Cloud Cable Car">IFS Cloud Cable Car</span> </a> </div> <div class="fav-forward-to-all" id="add-journey"> <a class="first-time-panel-description" href="/plan-a-journey/" data-mode="Journey"> <span class="fav-add-link add-journey" data-track-mode="my journeys">Journeys<br /><span class="title-description" data-track-mode="my journeys">Plan a journey and favourite it for quick access in the future</span></span> </a> </div> <div class="fav-forward-to-all add-place" id="add-place"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="place"> <span class="fav-add-link add-place" data-track-mode="my places">Places<br /><span class="title-description" data-track-mode="my places">Choose postcodes, stations and places for quick journey planning</span></span> </a> </div> </div> </div> </div> <div id="fav-panel-edit" class="fav-panel fav-panel-edit fav-panel-slide-right scrollable" aria-hidden="true" aria-label="Edit favourites"> <div class="fav-panel-header"> <div class="fav-panel-header-contents"> <div class="fav-close-icon"> <button class="fav-panel__close fav-panel-close-favicon"> <span class="fav-icon large-icon fav-panel-star hide-text"> Close edit Favourites </span> </button> </div> </div> </div> <div class="fav-panel-details-wrapper"> <div class="fav-panel-details fav-panel__items js-cookiemessagecontainer"> <div class="js-cookie-warning cookie-warning-message" data-warning-message="Favourites is disabled due to your cookie preferences."> <p></p> </div> <div class="js-cookie-renew cookie-warning-link" data-cookie-message="Accept functionality cookies to use this feature"> <a class="link2"></a> </div> <div id="fav-edit-tube-dlr-overground-elizabeth-line-tram" class="fav-panel-item fav-tube-dlr-overground-elizabeth-line-tram"> <div> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-line" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my lines">Favourite lines</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-tube-dlr-overground-elizabeth-line-tram"> <ul class="fav-rainbow-list"> <li class="fav-rainbow-list-item bakerloo" data-line-id="lul-bakerloo" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier bakerloo"></span> <span class="fav-service-name-or-destination"> <span>Bakerloo</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item central" data-line-id="lul-central" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier central"></span> <span class="fav-service-name-or-destination"> <span>Central</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item circle" data-line-id="lul-circle" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier circle"></span> <span class="fav-service-name-or-destination"> <span>Circle</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item district" data-line-id="lul-district" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier district"></span> <span class="fav-service-name-or-destination"> <span>District</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item dlr" data-line-id="dlr-dlr" data-mode="dlr"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier dlr"></span> <span class="fav-service-name-or-destination"> <span>DLR</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item elizabeth" data-line-id="elizabeth" data-mode="elizabeth-line"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier elizabeth-line"></span> <span class="fav-service-name-or-destination"> <span>Elizabeth line</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item hammersmith" data-line-id="lul-hammersmith-city" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier hammersmith"></span> <span class="fav-service-name-or-destination"> <span>Hammersmith & City</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item jubilee" data-line-id="lul-jubilee" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier jubilee"></span> <span class="fav-service-name-or-destination"> <span>Jubilee</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item liberty" data-line-id="raillo-liberty" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier liberty"></span> <span class="fav-service-name-or-destination"> <span>Liberty</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item lioness" data-line-id="raillo-lioness" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier lioness"></span> <span class="fav-service-name-or-destination"> <span>Lioness</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item metropolitan" data-line-id="lul-metropolitan" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier metropolitan"></span> <span class="fav-service-name-or-destination"> <span>Metropolitan</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item mildmay" data-line-id="raillo-mildmay" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier mildmay"></span> <span class="fav-service-name-or-destination"> <span>Mildmay</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item northern" data-line-id="lul-northern" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier northern"></span> <span class="fav-service-name-or-destination"> <span>Northern</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item piccadilly" data-line-id="lul-piccadilly" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier piccadilly"></span> <span class="fav-service-name-or-destination"> <span>Piccadilly</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item suffragette" data-line-id="raillo-suffragette" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier suffragette"></span> <span class="fav-service-name-or-destination"> <span>Suffragette</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item tram" data-line-id="tram-tram" data-mode="tram"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier tram"></span> <span class="fav-service-name-or-destination"> <span>Tram</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item victoria" data-line-id="lul-victoria" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier victoria"></span> <span class="fav-service-name-or-destination"> <span>Victoria</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item waterloo" data-line-id="lul-waterloo-city" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier waterloo"></span> <span class="fav-service-name-or-destination"> <span>Waterloo & City</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item weaver" data-line-id="raillo-weaver" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier weaver"></span> <span class="fav-service-name-or-destination"> <span>Weaver</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item windrush" data-line-id="raillo-windrush" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier windrush"></span> <span class="fav-service-name-or-destination"> <span>Windrush</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-bus" class="fav-panel-item fav-bus" data-mode="bus"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-bus" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my buses">Favourite buses</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-bus"> </div> </div> <div id="fav-bus-search"> <h2 id="search-heading-bus">Add new bus</h2> <div class="clearfix"></div> <div id="fav-bus-search-filter" class="search-filter no-focus"> <form id="search-filter-form-fav" action="/disambiguation" method="GET" data-placeholder="Search" data-datasets="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="True" data-include-geolocation="True" data-allow-geo-location-submit="True" data-current-location-submit-url="/maps/bus" data-modes = "bus" data-ajax-enabled="False" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{
 "menu": "fav-suggestions-menu"
}"> <div class="text-input"> <label class="heading visually-hidden" for="InputFavBus">Search</label> <input class="tt-onpanel no-focus" data-autocorrect="off" data-placeholder-no-focus="Search" data-placeholder-on-focus="Bus stop or route" data-val="true" data-val-required="Please enter a search term." id="InputFavBus" name="Input" placeholder="Search" role="combobox" type="text" value="" /> <span class="field-validation-error geolocation-error hidden" id="InputFavBus-error"> </span> <input name="DataSetsJson" type="hidden" value="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" /><input name="Modes" type="hidden" value="bus" /><input name="PlaceHolderText" type="hidden" value="Search" /> </div> <div class="submit-button"> <input type="submit" value="Search" class="secondary-button visually-hidden" /> </div> </form> </div> </div> </div> <div id="fav-edit-traffic" class="fav-panel-item fav-traffic" data-mode="traffic"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-traffic" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my roads">Favourite roads</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-traffic" class="rainbow-board roads"> <ul class="fav-rainbow-list board-good-service scrolling"> <li data-line-class="roadcorridor-a1" data-corridor-group="" data-corridor-name="a1" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a1"> <span>A1</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a10" data-corridor-group="" data-corridor-name="a10" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a10"> <span>A10</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a12" data-corridor-group="" data-corridor-name="a12" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a12"> <span>A12</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a13" data-corridor-group="" data-corridor-name="a13" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a13"> <span>A13</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a2" data-corridor-group="" data-corridor-name="a2" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a2"> <span>A2</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a20" data-corridor-group="" data-corridor-name="a20" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a20"> <span>A20</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a21" data-corridor-group="" data-corridor-name="a21" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a21"> <span>A21</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a23" data-corridor-group="" data-corridor-name="a23" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a23"> <span>A23</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a24" data-corridor-group="" data-corridor-name="a24" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a24"> <span>A24</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a3" data-corridor-group="" data-corridor-name="a3" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a3"> <span>A3</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a316" data-corridor-group="" data-corridor-name="a316" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a316"> <span>A316</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a4" data-corridor-group="" data-corridor-name="a4" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a4"> <span>A4</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a40" data-corridor-group="" data-corridor-name="a40" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a40"> <span>A40</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a41" data-corridor-group="" data-corridor-name="a41" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a41"> <span>A41</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-blackwall tunnel" data-corridor-group="" data-corridor-name="blackwall tunnel" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-blackwall tunnel"> <span>Blackwall Tunnel</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-Central London Red Routes" data-corridor-group="" data-corridor-name="Central London Red Routes" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-Central London Red Routes"> <span>Central London Red Routes</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a406" data-corridor-group="" data-corridor-name="a406" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a406"> <span>North Circular (A406)</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a205" data-corridor-group="" data-corridor-name="a205" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination road-corridor-a205"> <span>South Circular (A205)</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-river-bus" class="fav-panel-item fav-river-bus" data-mode="river-bus"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-river-bus" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my river buses">Favourite river buses</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-river-bus"> <ul class="fav-rainbow-list"> <li class="fav-rainbow-list-item rb1" data-line-id="lul-rb1" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb1"></span> <span class="fav-service-name-or-destination rb1"> <span>RB1</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb2" data-line-id="lul-rb2" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb2"></span> <span class="fav-service-name-or-destination"> <span>RB2</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb4" data-line-id="lul-rb4" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb4"></span> <span class="fav-service-name-or-destination"> <span>RB4</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb5" data-line-id="lul-rb5" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb5"></span> <span class="fav-service-name-or-destination"> <span>RB5</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb6" data-line-id="lul-rb6" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb6"></span> <span class="fav-service-name-or-destination"> <span>RB6</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item woolwich-ferry" data-line-id="lul-woolwich-ferry" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier woolwich-ferry"></span> <span class="fav-service-name-or-destination"> <span>Woolwich Ferry</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-cable-car" class="fav-panel-item fav-cable-car" data-mode="cable-car"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-cable-car" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my IFS Cloud Cable Car"><span class="visually-hidden">Favourite IFS Cloud Cable Car</span></h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-cable-car"> <ul class="fav-rainbow-list"> <li class="fav-rainbow-list-item cable-car" data-line-id="lul-cable-car" data-mode="cable-car"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier cable-car"></span> <span class="fav-service-name-or-destination"> <span>IFS Cloud Cable Car</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-journey" class="fav-panel-item fav-journey fav-journey-place" data-mode="journey"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-journey" data-text-edit="Edit" data-text-add="Add" data-text-add-recents="Add recents" data-track-option="">Favourite journeys</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> </div> <div id="fav-edit-place" class="fav-panel-item fav-place fav-journey-place" data-mode="place"> <div data-bind="visible: hasPlaces()"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-place" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my places">My places</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> </div> <div class="clearfix"></div> <div id="fav-rainbow-list-place"> <div id="edit-place"> <ul class="fav-rainbow-list fav-places-list" data-bind="foreach: places, visible: hasPlaces()"> <li class="fav-rainbow-list-item" data-bind="attr: { 'data-place': placeName }, event: { keypress: $parent.togglePlaceKeyboard }"> <div class="fav-rainbow-list-link" data-bind="css: activeState()" tabindex="0"> <span class="fav-place-label" data-bind="text: labelValue(), visible: !labelEdit(), css: labelIsNotSet(), click: $parent.toggleLabelForEdit"></span> <label class="heading visually-hidden" for="InputEditLabel">Edit label</label> <input id="InputEditLabel" type="text" placeholder="Add label" class="custom-label-edit custom-label" data-bind="value: label, visible: labelEdit, hasFocus: labelEdit" /> <div class="clearfix"></div> <div data-bind="click: $parent.togglePlace"> <span class="fav-toggle place"></span> <div class="mode-icons" data-bind="foreach: allModeIcons()"> <span class="mode-icon" data-bind="css: $data"> </span> </div> <span class="fav-place-text" data-bind="text: placeName"></span> </div> </div> </li> </ul> </div> </div> <div class="edit-place-view"> <div class="fav-edit-sub-heading"> <h2>Add new place</h2> </div> <div data-bind="visible: !hasPlaces()"> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> </div> <div class="clearfix"></div> <div class="edit-place-labels" data-bind="visible: showLabels"> <span data-bind="foreach: allLabels()"> <a href="javascript:void(0)" class="secondary-button fav-place-button existing-fav-place" data-bind="attr: { 'data-fav-place-label': $data }, click: $parent.selectDefaultLabel" role="checkbox" aria-checked="false" tabindex="0"> <span class="button-text" data-bind="text: $data">Existing place</span> </a> </span> <a href="javascript:void(0)" class="secondary-button fav-place-button new-fav-place" data-bind="click: $root.selectOtherLabel" tabindex="0"> <span class="button-cross"></span> <span class="button-text"><span class="visually-hidden">Add a </span>Label</span> </a> </div> <div data-bind="visible: !showLabels()"> <div id="fav-label-search-filter" class="search-filter"> <label class="heading visually-hidden" for="InputFavLabel">Add a label</label> <input id="InputFavLabel" type="text" placeholder="Add label" data-placeholder-no-focus="Add label" class="custom-label" data-bind="value: customLabel" /> </div> </div> <div id="fav-place-search-filter" class="search-filter no-focus"> <form id="search-filter-form-fav-place" method="GET" data-placeholder="Search" data-datasets="[["stopPoints","/"],["bikePoints","/"],["placesExtra","/"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="False" data-include-geolocation="False" data-allow-geo-location-submit="True" data-current-location-submit-url="/maps" data-modes = "tube,dlr,overground,elizabeth-line,bus,river-bus,tram,cable-car,national-rail" data-ajax-enabled="True" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{
 "menu": "fav-place-suggestions-menu"
}"> <div class="text-input"> <label class="heading visually-hidden" for="InputFavPlace">Search</label> <input class="tt-onpanel no-focus" data-autocorrect="off" data-placeholder-no-focus="Search" data-placeholder-on-focus="Station, postcode or place" data-val="true" data-val-required="Please enter a search term." id="InputFavPlace" name="Input" placeholder="Search" role="combobox" type="text" value="" /> <span class="field-validation-error geolocation-error hidden" id="InputFavPlace-error"> </span> <input name="DataSetsJson" type="hidden" value="[["stopPoints","/"],["bikePoints","/"],["placesExtra","/"]]" /><input name="Modes" type="hidden" value="tube,dlr,overground,elizabeth-line,bus,river-bus,tram,cable-car,national-rail" /><input name="PlaceHolderText" type="hidden" value="Search" /> </div> </form> </div> </div>  <div class="edit-place-view-old"> <div class="clearfix"></div> <div class="fav-edit-sub-heading panel-section-separator"> <h2>Add places</h2> </div> <div class="fav-forward-to-all"> <a class="first-time-panel-description" href="/plan-a-journey/" data-mode="place"> <span class="fav-add-link add-place"> Places <br /> <span class="title-description">Choose postcodes, stations and places for quick journey planning</span> </span> </a> </div> </div> </div> <div id="fav-edit-journey-place" class="fav-panel-item fav-place fav-journey-place" data-mode="journey-place"> <div class="clearfix"></div> </div> </div> </div> </div> <div class="popup fav-updated"> <div class="fav-toast-notification" style="display: none"> <span class="fav-icon large-icon fav-panel-star hide-text">Favicon</span><span class="popup-text">Favourites updated</span><span class="right-float"><a href="javascript:void(0)" tabindex="0" class="link2" data-tracking-event='pers_open_panel' data-tracking='pers_open_panel_details' data-tracking-value='Notification tab|view (global)' id="view-favourites-updated">View</a></span> </div> </div> </div> <script src="/cdn/static/scripts/core/min/init.min.ff532445.js"></script> <script type="text/javascript"> var queue = [function () { tfl.settings.debug = false; }, null]; var isDebug = false; var isMapsDebug = false; var isGoogleMapsDebug = false; var predictionsAjaxPolling = false; tfl.apiUrl = "https://api-nile.tfl.gov.uk/"; tfl.pushApiUrl = "https://push-api-nile.tfl.gov.uk/"; tfl.appId = "8268063a"; tfl.appKey = "14f7f5ff5d64df2e88701cef2049c804"; // Api mode names tfl.modeNameBus = "bus"; tfl.modeNameCableCar = "cable-car"; tfl.modeNameDlr = "dlr"; tfl.modeNameOverground = "overground"; tfl.modeNameElizabethLine = "elizabeth-line"; tfl.modeNameRiver = "river-bus"; tfl.modeNameTrain = "national-rail"; tfl.modeNameTram = "tram"; tfl.modeNameTube = "tube"; tfl.modeNameTraffic = "traffic"; tfl.modeNameMultiModal = "hub"; tfl.modeJourney = "journey"; tfl.modePlace = "place" // Excluded modes tfl.modesToExclude = ["plane", "international-rail"] // bus stopType tfl.naptanPublicBusCoachTram = "NaptanPublicBusCoachTram"; // disambiguation datasets tfl.disambiguationDataSets = { placesExtra: "placesExtra", routes: "routes", stopPoints: "stopPoints", bikePoints: "bikePoints", taxiRanks: "taxiRanks" }; //api error message tfl.apiErrorMessage = "Sorry, there was a problem with your request. Please try again later."; //page Urls tfl.jPLandingPageUrl = "/plan-a-journey/"; tfl.jPResultsPageUrl = "/JourneyPlanner/ResultsAsync"; tfl.disambiguationUrl = "/Disambiguation/AmbiguousSearchAjax"; // Amazon TAM Publisher Id tfl.amazonPublisherId = "9547a513-f2e5-4004-bd92-dc734efe7cf2"; //Typeahead search stops tfl.stopPointsSearchPrevent = false; tfl.stopPointsSearchPreviousQueryLength=0; tfl.placesExtraSearchPrevent = false; tfl.placesExtraSearchPreviousQueryLength=0; tfl.bikePointsSearchPrevent = false; tfl.bikePointsSearchPreviousQueryLength=0; //set personalisation defaults from web config tfl.isPersonalisationActive = "True"; tfl.showBusStatusOnHomePage = "True"; //Bottom advert tfl.showBottomAdvertCloseButton = "False"; //Cookiebot text tfl.dictionary.cookiebotRecentsMessage = "Recents is disabled due to your cookie preferences."; tfl.dictionary.cookiebotJourneysMessage = "My Journeys is disabled due to your cookie preferences."; tfl.dictionary.cookiebotRecentsLink = "Accept functionality cookies to use this feature"; queue.push("/cdn/static/scripts/core/min/global.min.b55e99d7.js", null , function() { if (tfl.DisableButtonOnSubmit) { tfl.DisableButtonOnSubmit.init(null, true, null); } }); queue.push(function () { var allowCorsInIe9 = "/cdn/static/scripts/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js", l = $LAB, isie9OrLess = $("html").hasClass("lt-ie10"); if (isie9OrLess) { l.script(allowCorsInIe9); l.wait(); } }); if (isMapsDebug) { tfl.mapScriptPath = "/mapssource/packageall/packageall.js"; tfl.stealScriptPath = "/mapssource/steal/steal.js"; } else { tfl.mapScriptPath = "/cdn/static/scripts/maps/packageall/production.bc07728e.js"; tfl.stealScriptPath = "/cdn/static/scripts/maps/steal/steal.production.ed44caab.js"; } if (isGoogleMapsDebug) { tfl.isGoogleMapsDebug = true; } </script>  <script> (function (tfl) { tfl.isPersonalisationActive = true; tfl.isBusFavouritesActive = false; tfl.showBusStatusOnHomePage = true; tfl.showOnboarding = { personalisationStar: true }; tfl.showGetMeHome = { savePlace: false }; tfl.showBroadcastMessage = false; tfl.showStrikBannerOnTubemap = false; tfl.showBottomAdvertCloseButton = false; })(tfl = tfl || {}); </script> <script> queue.splice(2, 0, null, "/cdn/static/scripts/plugins/includes/jquery.calendario.js"); queue.push( "/cdn/static/scripts/modules/date-picker.min.js", null , function () { tfl.datePicker.init(); }, null ); </script> <script> queue.push( tfl.stealScriptPath, null, "/cdn/static/scripts//specific/status-updates/roads.min.0bc4b36c.js", null, "/cdn/static/scripts/shared/map-interactions.min.b3c96d73.js", null ); </script> <script> queue.push( function() { tfl.serviceStatus.initServiceBoardAutoRefresh("/StatusUpdates/StatusBoard?modes=traffic&collapsed=False&isFavouritesPanel=False", "rainbow-list-roads", "traffic", "False".toLowerCase()); }, null ); </script><script> queue.push( function () { tfl.serviceStatus.roads.init( { disruptionsUrl: '/StatusUpdates/RoadsDisruptions', corridorsUrl: '/StatusUpdates/RoadsStatusBoard?collapsed=false', modes: 'traffic', redRoutes: ['bishopsgate cross route','city route','farringdon cross route','inner ring','southern river route','western cross route'], autoRefresh: true, isFuture: false }); }, null ); </script><script> tfl.logs.create("tfl.favstatusbus: creating"); if (predictionsAjaxPolling || navigator.userAgent.indexOf("BlackBerry") >= 0) { tfl.logs.create("tfl.favstatusbus: blackberry"); // reverting to AJAX polling for Blackberry 7 devices queue.push( "/cdn/static/scripts/specific/stations-stops-piers/predictions-ajax.min.1f187320.js", null ); } else { tfl.logs.create("tfl.statusbus: non-blackberry"); queue.push( "/cdn/static/scripts//plugins/includes/jquery.signalR-2.2.0.min.js", null, "https://push-api-nile.tfl.gov.uk/signalr/hubs", null, "/cdn/static/scripts//plugins/includes/knockout-2.3.0.min.js", null, "/cdn/static/scripts/specific/stations-stops-piers/predictions.min.f2498951.js", null ); } </script> <script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps/bus"); }, null ); </script><script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps"); }, null ); </script> <script> var $L = $LAB; for (var i = 0, len = queue.length; i < len; i++) { if (typeof queue[i] == "string") { $L = $L.script(queue[i]); } else if (!queue[i]) { $L = $L.wait(); } else if (typeof queue[i] == "function") { $L = $L.wait(queue[i]); } } </script>  <script> var tfl = tfl || {}; tfl.analytics = tfl.analytics || {}; tfl.analytics.tealiumUtagUrl = '//assets.adobedtm.com/launch-ENc5e3f827edc94f2a816110524598acd7.min.js'; </script>   <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL }, 'google-translate'); applyAriaLabel(); removeGoogleTranslateAltTag() }; function applyAriaLabel() { var gtSelect = document.getElementsByClassName('goog-te-combo')[0]; var ariaLabel = document.createAttribute('aria-label'); ariaLabel.value = 'Select Language'; gtSelect.setAttributeNode(ariaLabel); }; function removeGoogleTranslateAltTag() { // This function is a sticking plaster fixing a bigger issue with the Google Translate library used above. var altTag = document.getElementsByClassName('goog-logo-link')[0]; if(!altTag) return; altTag.childNodes[1].remove() } </script>  </body> </html>

CINXE.COM

Traffic status updates - Transport for London