There are 0 results available. a11yWishlist function makeTargetedComponentVisible(componentID) { var targetedComponent = undefined; if( document.readyState !== 'loading' ) { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; } else { document.addEventListener('DOMContentLoaded', function () { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; }); } } if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_experience\u002Dfragments_canadiantire_en_site_experience\u002Dfragment\u002Dheader_master_jcr_content_root_freehtmlebbb4a8f\u002D6f6c\u002D49fc\u002Da314\u002D12ed5fe323f8") { makeTargetedComponentVisible("_content_experience-fragments_canadiantire_en_site_experience-fragment-header_master_jcr_content_root_freehtmlebbb4a8f-6f6c-49fc-a314-12ed5fe323f8"); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_experience\u002Dfragments_canadiantire_en_site_experience\u002Dfragment\u002Dheader_master_jcr_content_root_freehtmlebbb4a8f\u002D6f6c\u002D49fc\u002Da314\u002D12ed5fe323f8', variants: [{"path":"/content/experience-fragments/canadiantire/en/site/experience-fragment-header/master/default","name":"default","title":"Default","campaignName":"","thumbnail":"/content/experience-fragments/canadiantire/en/site/experience-fragment-header/master.thumb.png","url":"/content/experience-fragments/canadiantire/en/site/experience-fragment-header/master/_jcr_content/root/freehtml.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ makeTargetedComponentVisible("_content_experience-fragments_canadiantire_en_site_experience-fragment-header_master_jcr_content_root_freehtmlebbb4a8f-6f6c-49fc-a314-12ed5fe323f8"); }, 5000); }); } else { makeTargetedComponentVisible("_content_experience-fragments_canadiantire_en_site_experience-fragment-header_master_jcr_content_root_freehtmlebbb4a8f-6f6c-49fc-a314-12ed5fe323f8"); } This paragraph should be hidden. /*PROUDLY CANADIAN CODE*/ .pencil-banner__image { width: 22.5rem !important; height: auto !important; margin-right: 8px !important; } .container_mobile_ka { display: none; } @media (min-width: 768px) and (max-width: 1279px) { .container_mobile_ka { display: block; height: auto; display: flex; justify-content: center; align-items: center; padding: 8.5px !important; background-color: #D81E05; width: calc(100% + 48px); margin-left: -24px; margin-right: -24px; } .tag_proudly_canadian_mobile_ka { background-color: #D81E05; padding: 0 !important; margin: 0 !important; } .tag_proudly_canadian_mobile_ka img { height: 1rem; width: auto; } } @media only screen and (max-width: 767px) { .container_mobile_ka { display: block; height: auto; display: flex; justify-content: center; align-items: center; padding: 8.5px !important; background-color: #D81E05; width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; } .tag_proudly_canadian_mobile_ka { background-color: #D81E05; padding: 0 !important; margin: 0 !important; } .tag_proudly_canadian_mobile_ka img { height: 1rem; width: auto; } }
Search feature is clearly displayed with great colour contrast so that the user can easily find it. It is also a big size enhancing accessibility and operation principle. Suggestions are also shown during typing and clicking tab enables you to go through the list which improves navigation and accessibility.