WCAG 4.1.2: aria-hidden elements contain focusable elements

Install the "Axe" plugin for Google Chrome or Firefox Open your site dashboard Open developer tools Run Axe tool Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Navigate to a course Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Turn editing on Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Open the activity chooser Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Close the activity chooser Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Re-open the activity chooser In the Developer tools console, run: newLink = document.createElement('a'); newLink.href="#"; newLink.innerHTML="Click me"; document.querySelector('#page-wrapper').appendChild(newLink); console.log(newLink); *Confirm that the Console shows something like the following: <a href="#" data-aria-hidden-tab-index="" tabindex="-1">Click me</a> undefined Right-click on the " <a href... " part and choose "Reveal in elements panel" Confirm that the tabindex has a value of " -1 " Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Close the activity chooser Find the new link in the Elements panel of the developer tools again Confirm that the tabindex has gone Open the messaging drawer Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Click on the name of your user Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Open the menu for that user (three dots) Click on the "Delete user" option Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Close messaging With the navigation drawer (Boost) open Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Close the navigation drawer Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Re-open the navigation drawer Navigate to your Dashboard Visit at least 4 courses so that the "Recently accessed courses block" has some content Navigate to your Dashboard (You should now have at least 4 courses visible* Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Go to the next page in the Recently access courses block Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" At the bottom of the page choose the "Reset user tour on this page" Note: If you have disabled this default tour, then you will need to enable it from Site administration -> Appearance -> User tours Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" Step through each part of the user tour Between each step: Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements" End the tour Re-run Axe Confirm that there are no findings of the error: "aria-hidden elements do not contain focusable elements"