Merge pull request #959 from TechnologyEnhancedLearning/Develop/Fixes/TD-5299-Header-Page-Visually-hidden-content-is-in-the-focus-order

TD-5299: Removed focus on visually hidden content

Author: ArunimaGeorge

LearningHub.Nhs.WebUI/Views/Shared/Components/NavigationItems/Searchbar.cshtml

@@ -9,7 +9,7 @@
 <div class="nhsuk-header__break"></div>
 @if (Model.ShowSearch)
 {
-    <input type="checkbox" id="header-mobile-search-control" aria-labelledby="close-search toggle-search">
+    <input type="checkbox" tabindex="-1" id="header-mobile-search-control" aria-labelledby="close-search toggle-search">
 }
 <div class="nhsuk-header__search">
     @if (Model.ShowSearch)

LearningHub.Nhs.WebUI/Views/Shared/_NavPartial.cshtml

@@ -49,7 +49,7 @@
 
 </div>
   @if (User.Identity.IsAuthenticated) {
-    <input type="checkbox" id="header-dropdown-menu-control" aria-labelledby="Main navigation menu" role="button">
+    <input type="checkbox" id="header-dropdown-menu-control" tabindex="-1" aria-labelledby="Main navigation menu" role="button">
     <nav class="nhsuk-header__navigation app-width-container" id="header-navigation" role="navigation" aria-label="Primary navigation" aria-labelledby="label-navigation">
         <p class="nhsuk-header__navigation-title"><span id="label-navigation">Menu</span>
           <button class="nhsuk-header__navigation-close" id="close-menu">