');$businessLinkMobileCount = $('.business-customer-mobile').length;if ($areYouBusinessCustomer.length && $businessLinkMobileCount == 0) {$mobileBusinessCustomerLink.html($areYouBusinessCustomer.html());$('.mobile-grey').append($mobileBusinessCustomerLink);}if (window.aa.helpers.cache.cachedElements.$window.width() <= mobileBreakpoint) {// console.log("smaller than breakpoint");$(".mobile-grey a, .nav-logo a ").attr("tabindex", "-1");$("#mainNavigation button, .mobile-tablet-menu-open ").attr("disabled", "disabled");$('#mainNavigation').addClass('mobile-main-nav').removeClass('desktop-main-nav');$('.mobile-grey').appendTo('.desktop-white');$('nav.aa-mega-menu').addClass('mobile-nav');if (!$('.scroller').length) {$('#site-header-yellow >.wrapper').wrap("
");}$('.mobile-tablet-menu').animate({ width: 'show' }, 30);$primaryHeadingCount = 0;$("#mainNavigation > ul > li.primary").each(function () {$primaryHeadingForMobile = $('
');$firstColumnOfMegaMenu = $(this).find("nav > div > ul:nth-child(1)");$anchor = $($(this).children()[0]);anchorHtmlText = $anchor.html();$primaryHeadingForMobile.html(anchorHtmlText);var primaryNavCount = $(".primary.childrens").length;$primaryHeadingCount = $('.primary-heading').length;if ($primaryHeadingCount < primaryNavCount) {$firstColumnOfMegaMenu.prepend($primaryHeadingForMobile);}$backLinkMobileCount = $('.backLink').length;if ($backLinkMobileCount < primaryNavCount) {$firstColumnOfMegaMenu.prepend('
');}});$('.main-nav').keydown(function (e) {if (e.which === 27 || e.keyCode === 27) {mobileCloseClick(e);$(".left.logo").focus();}});}else if (window.aa.helpers.cache.cachedElements.$window.width() > mobileBreakpoint) {$('.left.logo').animate({ width: 'show' }, 30);$('.mobile-grey').appendTo('.top-header-links');$('nav.aa-mega-menu').removeClass('mobile-nav');$("#mainNavigation button, .mobile-tablet-menu-open ").removeAttr("disabled");$('#mainNavigation').addClass('desktop-main-nav').removeClass('mobile-main-nav');$(".campaign-hero ").parents(':eq(2)').css('padding', '0')if ($('.scroller').length) {$('#site-header-yellow >.wrapper').unwrap("
");}$('.mobile-tablet-menu').animate({ width: 'hide' }, 0);$('button > hr').css({"opacity": "0","visibility": "hidden"});$('.aa-mega-menu').css({"opacity": "0","visibility": "hidden"});$('.right.mobile-grey').show();$('#mainNavigation > ul.aa-main-nav > li.primary > button').keydown(function (e) {if (e.which === 13 || e.keyCode === 13) { /// for ENTER pressconst boxes = document.querySelectorAll('.anchor');boxes.forEach((box, index) => {box.setAttribute('aria-expanded', 'true');});//remove active mega menu from HOVER if open if ($currentHoverMenuItem) {var $primaryNavigationListItem = $currentHoverMenuItem.parent();$currentHoverMenuItem.removeClass('menu-active').css({"opacity": "0","visibility": "hidden"});var $menuUnderLine = $primaryNavigationListItem.find('button > hr');$menuUnderLine.css({"opacity": "0","visibility": "hidden"});$currentHoverMenuItem = null;}applyMenuHoverInEffects($(this).parent());$('#mainContent').removeAttr("style");$('#mainContent').css({"opacity": "0.5","height": "calc(100% - 225px)","width": "100%","visibility": "visible","background-color": "#000","position": "absolute",// "top": "134px","left": "0px","z-index": "1"});$('#mainContent').addClass('menu-base-transition');$currentActiveMenuItem = $(this).parent().find('.aa-mega-menu');$currentActiveMenuItem.toggleClass("menu-active");// $('.column .sub-menu.col').animate({ width: 'show' }, 300);}else if (e.which === 9 || e.keyCode === 9) { // for TAB pressif ($currentActiveMenuItem) {e.preventDefault();var $firstAnchorOfMegaMenu = $($currentActiveMenuItem.find('div > ul:first-child > li:first-child > a')[0]);$firstAnchorOfMegaMenu.focus();}}});//get all last anchor items from all mega menus and attach key down event for Tab transer$("#mainNavigation > ul > li > nav > div > ul:last-child li:last-child a").keydown(function (e) {if (e.which === 9 || e.keyCode === 9) {console.log("tabbed...");$currentActiveMenuItem.removeClass('menu-active');var $nextPrimayNavItem = $currentActiveMenuItem.parent();if ($nextPrimayNavItem) {applyMenuHoverOutEffects($nextPrimayNavItem);$('header#site-header-yellow').css('background', defaultBgColor).removeClass('bg-change');$nextPrimayNavItem.find('button')[0].focus();$currentActiveMenuItem = null;}else {//this will happen for very last anchor of last mega menu. there is no next menu item to focus to//so focus should be move to mainContent$('#mainContent').focus();}}});//for escape key- close the drop down menu if its open$('#mainNavigation > ul.aa-main-nav').keydown(function (e) {if (e.which === 27 || e.keyCode === 27) {if ($currentActiveMenuItem) {var $primaryNavListItem = $currentActiveMenuItem.parent()applyMenuHoverOutEffects($primaryNavListItem);$('header#site-header-yellow').css('background', defaultBgColor).removeClass('bg-change');$primaryNavListItem.find('button')[0].focus();$currentActiveMenuItem = null;}const boxes = document.querySelectorAll('.anchor');boxes.forEach((box, index) => {box.setAttribute('aria-expanded', 'false');});}});//when user mouse hovers from outside menu area then menu needs to animate with set transitions defined in css//but as sson as it enter menu are we need to remove animation transitions which are enabled. so differnt animation menu can be opened quickly$('#mainNavigation > ul.aa-main-nav').hover(function () {removeAnimation = true;}, function () {$('body').removeClass('notransition');removeAnimation = false;//this condition is added because after multiple ESC and TAB press somehow UL mouseout event was triggering and//it was causing background to set default yellow colorif ($currentActiveMenuItem == null) {$('header#site-header-yellow').css('background', defaultBgColor).removeClass('bg-change');}});}if ($('#mainNavigation').hasClass('desktop-main-nav')) {$('.desktop-main-nav > ul.aa-main-nav > li.primary').hover(function () {// console.log("applying hover effects");$currentHoverMenuItem = $(this).find('.aa-mega-menu');//remove menu-active class from active mega menu from keyboard if open if ($currentActiveMenuItem) {var $primaryNavigationListItem = $currentActiveMenuItem.parent();$currentActiveMenuItem.removeClass('menu-active').removeAttr("style");var $menuUnderLine = $primaryNavigationListItem.find('button > hr');$menuUnderLine.css({"opacity": "0","visibility": "hidden"});//If hover element and active keyboard element is not same then set active elment to null . giving preference to hoverif ($currentActiveMenuItem[0] != $currentHoverMenuItem[0])$currentActiveMenuItem = null;}applyMenuHoverInEffects(this);if (removeAnimation) {setTimeout(function () {$('body').addClass('notransition');}, 500);removeAnimation = false;}$('#mainContent').removeAttr("style");$('#mainContent').css({ "visibility": "visible" });$('#mainContent').addClass('menu-base-transition');}, function () {$currentHoverMenuItem = null;applyMenuHoverOutEffects(this);});}applyMenuHoverInEffects = function ($primaryNavElement) {// console.log("In applyMenuHoverInEffects");$this = $primaryNavElement;var $megaMenu = $($this).find('.aa-mega-menu');$megaMenu.css({"opacity": "1","visibility": "visible"});var $menuUnderLine = $($this).find('button > hr');$menuUnderLine.css({"opacity": "1","visibility": "visible"});//change header background with css transition class$('header#site-header-yellow').css('background', '#fff').addClass('bg-change');$('header#site-header-yellow').addClass('menu-base-transition');}applyMenuHoverOutEffects = function ($primaryNavElement) {$this = $primaryNavElement;var $megaMenu = $($this).find('.aa-mega-menu');if (window.aa.helpers.cache.cachedElements.$window.width() > mobileBreakpoint) {$megaMenu.css({"opacity": "0","visibility": "hidden"});var $menuUnderLine = $($this).find('button > hr');$menuUnderLine.css({"opacity": "0","visibility": "hidden"});$('#mainContent').css({"visibility": "hidden",});}}$('header#site-header-yellow .main-nav ul.aa-main-nav > li').each(function () {if ($(this).find(".aa-mega-menu").length) {$(this).addClass('childrens')}});function mobileCloseClick(e) {// console.log("Mobille close called");e.preventDefault();$('body').removeClass("fixed-position");$('body').removeClass('mmenu-opened');$('header#site-header-yellow .main-nav').animate({ right: '-100vw' }, 0);$('header#site-header-yellow.mobilemenu-active').animate({ right: '-100vw' }, 0);$('header#site-header-yellow.mobilemenu-active .scroller').animate({ right: '-100vw' }, 0);setTimeout(function () { $('#site-header-yellow').removeClass('mobilemenu-active') }, 0);$('.left.logo').animate({ width: 'show' }, 0);$('.mobile-tablet-menu').animate({ width: 'show' }, 0);$('.right.mobile-grey').show();$('#mainContent').removeAttr("style");const mobilemenuButton = document.querySelectorAll('.mobile-tablet-menu');mobilemenuButton[0].setAttribute('aria-expanded', 'false');const mobilemenuButtonOpen = document.querySelectorAll('.mobile-tablet-menu-open');mobilemenuButtonOpen[0].setAttribute('aria-expanded', 'false');$('.main-nav').css('min-height', 'auto');if ($('.aa-mega-menu').hasClass('secondlevelOpen')) {$('.aa-mega-menu').stop().animate({ 'right': '-100vw' }, 0);primaryItem.parent('li').siblings('li').removeClass('hide-menu').removeClass('activated');$('.aa-mega-menu').removeClass('secondlevelOpen');}$(".scroller").css("height", "100vh");$(".left.logo a").focus();$(".mobile-grey a, .nav-logo a ").attr("tabindex", "-1");$("#mainNavigation button, .mobile-tablet-menu-open ").attr("disabled", "disabled");setTimeout(function () {primaryItem.parent('li').find('.anchor').removeClass('hide-menu');primaryItem.parent('li').siblings('li').removeClass('hide-menu').removeClass('activated');}, 0);}$('.mobile-tablet-menu').click(function (e) {e.preventDefault();$('body').addClass("fixed-position");$(".mobile-grey a, .nav-logo a ").removeAttr("tabindex");$("#mainNavigation button, .mobile-tablet-menu-open ").removeAttr("disabled");$('header#site-header-yellow .main-nav').animate({ right: '0' }, 300);$('.scroller').animate({ right: '0' }, 300);$('.left.logo').animate({ width: 'hide' }, 300);$('.mobile-tablet-menu').animate({ width: 'hide' }, 0);if ($('.scroller').length) {$('#site-header-yellow').addClass('mobilemenu-active');}var primaryHeight = $('.main-nav').height() + 120;$('.main-nav').css('min-height', 'auto');const mobilemenuButton = document.querySelectorAll('.mobile-tablet-menu');mobilemenuButton[0].setAttribute('aria-expanded', 'true');const mobilemenuButtonOpen = document.querySelectorAll('.mobile-tablet-menu-open');mobilemenuButtonOpen[0].setAttribute('aria-expanded', 'true');$(".scroller").css("height", (Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - $("#site-header-yellow").offset().top));$(".left.menu-logo a").focus();});$('.mobile-tablet-menu-open').click(function (e) {// changes for CD-50114 startmobileCloseClick(e);// changes for CD-50114 end});var primaryItem = $('li.primary.childrens > button');var backlink = $('li.backLink > button');if (window.aa.helpers.cache.cachedElements.$window.width() <= mobileBreakpoint) {primaryItem.on('click', function (e) {console.log('primaryItem.on(click, function (e) ---');e.preventDefault();var megaHeight = $(this).next('.aa-mega-menu').height() + 120;$(this).parent('li').find('nav.aa-mega-menu.mobile-nav').stop().animate({ right: '0' }, 300);$(this).parent('li').removeClass('hide-menu');$(this).addClass('hide-menu');$(this).parent('li').siblings('li').addClass('hide-menu').removeClass('activated');$(this).parent('li').addClass('activated');$(this).next('.aa-mega-menu').addClass('secondlevelOpen');$(this).next('.aa-mega-menu').css('height', megaHeight);$('.main-nav').css('min-height', 'auto');$('.right.mobile-grey').hide();$('.column .sub-menu.col').animate({ width: 'show' }, 300);// $(".backLink button").focus();$(".left.menu-logo a").focus();});backlink.on('click', function (e) {e.stopPropagation();$(".secondlevelOpen").stop().animate({ width: 'hide' }, 300);$(this).parent('li').parent().parent().parent('.aa-mega-menu').stop().animate({ right: '-100vw' }, 300);$(this).parent('li').find('nav.aa-mega-menu.mobile-nav').stop().animate({ right: '-100vw' }, 300);setTimeout(function () {$('.right.mobile-grey').show();}, 300);$('.column .sub-menu.col').animate({ width: 'hide' }, 300);setTimeout(function () {primaryItem.parent('li').find('.anchor').removeClass('hide-menu');primaryItem.parent('li').siblings('li').removeClass('hide-menu').removeClass('activated');}, 300);$(this).parent('li').parent().parent().parent('.aa-mega-menu').removeClass('secondlevelOpen');$(this).next('.aa-mega-menu').css('height', 'auto');var primaryHeight = $('.main-nav').height() + 120;$('.main-nav').css('min-height', primaryHeight);});};window.aa.MenuSetupCompleted = true;}
Skip to main content [Accesskey 'S'] Go to home page [Accesskey '1']Are you a business customer?
Avoid a parking fine with the 10-minute grace period
Wondering how you can avoid a pesky parking fine?
You might not know, but if you overstay by just a few minutes in a council-run car park in England, you shouldn't get a parking ticket. That's because a grace period exists which gives drivers a 10-minute window to get back to their car after their ticket's expired.
Read on to find out when the 10–minute grace period applies.
What is the 10-minute grace period?
The 10-minute grace period was introduced by the government on 6 April 2015. Since then, drivers have avoided a hefty fine if they overstay by up to 10 minutes (as long as they parked in regulated street spaces or car parks run by councils).
The Department of Transport advises that any Penalty Charge Notice (PCN) issued within the 10-minute grace period is illegal. That's unless the vehicle is parked unlawfully, like if the driver hasn't paid the parking fee or displayed a parking ticket where required.
What does the law say?
The Government's statutory guidance to local authorities includes that "enforcement should be sensitive, fair and proportionate".
It goes on to argue: "This would not be the case if a driver received a penalty charge notice (PCN) for returning to their vehicle only moments after the expiry of a period of permitted parking.”
Legislation was then put in place in 2015 to uphold this.* The law says "No penalty charge is payable for the contravention where the vehicle has been left beyond the permitted parking period for a period not exceeding 10 minutes."
When does the 10-minute grace period apply?
The grace period applies in England in regulated on-street parking bays or in a car park run by the council. Itonly applies if you've parked properly and have the correct ticket in place, which expired less than 10 minutes ago.
It doesn't apply in these situations:
- In council car parks in Scotland, Wales and Northern Ireland.
- In private car parks (these have their own enforcement).
- If you've parked incorrectly, for example over 2 parking bays or on a double yellow line.
- If you never bought a ticket in the first place.
Why does the grace period exist?
We campaigned for a long time that it was unfair to charge a £40 fine for a few minutes' overstay.
Some councils were sympathetic when drivers challenged parking tickets and gave reasons for an overstay. But others strictly enforced their parking fines.
That meant it was a postcode lottery as to whether or not you'd get a fine for being a few minutes late. Since the government brought in an official grace period, drivers have had a small degree of leeway and a legal option to challenge a ticket.
Edmund King, AA President, said, "There wouldn’t have been a need for central government to interfere if all local authorities had exercised the discretionary approach to parking enforcement of old. Parking tickets were supposed to be a deterrent to bad behaviour, not a fines harvest.”
Can I appeal against a parking ticket overstay?
If you've been issued a fine for an overstay of just a few minutes, you can contest it.
Follow this advice to stay on the right side of the rules:
- Keep your parking tickets - If you're sent a Penalty Charge Notice (PCN) through the post days later, the ticket provides the evidence you need to support a ’10-minute rule’ appeal.
- Consider where you park - The 10-minute rule doesn't apply to yellow lines, but does apply to short stay free parking, such as ‘park up to two hours, no return in two’. You won't have a ticket as evidence though.
- Watch out for private car parks - The 10-minute rule doesn't apply to privately and commercially-run car parks which aren't operated under a local authority Parking Place Regulation.
- Know how to recognise council parking - Notice boards at council-run car parks refer to Penalty charges, while those at privately-operated car parks refer to a Parking Charge Notice.
- You can still appeal - Regardless of the 10-minute grace period, you can still challenge the council if the ticket is unjust or if there were genuine mitigating circ*mstances, such as a breakdown.
* The specific legislation is the Civil Enforcement of Parking Contraventions (England) General (Amendment) Regulations 2015 (S.I. 2015/561) which amended S.I. 2007/3483, The Civil Enforcement of Parking Contraventions (England) General Regulations 2007. legislation.gov.uk
Published: 7 April 2015 | Updated: 27 August 2019
As an expert in web development and programming, I can decipher the provided content, which appears to be a snippet of HTML, JavaScript, and CSS code related to website navigation and responsiveness. Let's break down the key concepts and components used in this code:
-
Responsive Design:
- The code includes responsive design elements to adapt the layout based on the screen width. It appears to switch between mobile and desktop views, adjusting the navigation and layout accordingly.
-
Navigation Structure:
- The navigation is likely part of a website header, and it seems to have a mega menu structure for desktop views.
- There are different treatments for mobile and desktop navigation, including the handling of hover effects, animations, and transitions.
-
JavaScript Interactivity:
- JavaScript is used to add interactivity to the navigation. It manages events like clicks, keypresses, and hover actions to control the appearance and behavior of the navigation elements.
-
Accessibility:
- ARIA attributes (Accessible Rich Internet Applications) are used to enhance the accessibility of the navigation for users with disabilities. Attributes such as
aria-expanded
andtabindex
are utilized.
- ARIA attributes (Accessible Rich Internet Applications) are used to enhance the accessibility of the navigation for users with disabilities. Attributes such as
-
CSS Transitions and Animations:
- CSS transitions and animations are employed for smooth visual effects. The code manages the visibility and opacity of various elements, creating a dynamic and visually appealing user interface.
-
Breakpoints:
- Breakpoints are used to determine when to switch between mobile and desktop views. The code checks the window width and adjusts the layout and styles accordingly.
-
Event Handling:
- Event handling is implemented for various user actions, such as clicking, hovering, and pressing keys. For instance, there are functions for handling menu closures, focus changes, and tab key presses.
-
Styling:
- The code includes styling elements to control the appearance of the navigation, including the background color, visibility, and opacity. There are also styles related to the transition effects.
-
Conditional Logic:
- The code contains conditional logic to execute different behaviors based on the screen width, ensuring a seamless user experience on both mobile and desktop devices.
-
Menu Interaction:
- There are functions to handle the opening and closing of menus, as well as interactions with menu items. The code seems to focus on creating a user-friendly and visually engaging menu system.
In summary, the provided code is a part of a web development project focused on creating a responsive and interactive navigation system with attention to accessibility and user experience.