Dashboard accessibility issues

As reported by eThink, WAVE reports the following issues on the dashboard page:

• Errors
  • 2 X Missing alternative text
    The first one is for the user avatar and the second one is for the user's picture in the online user's block
  • 6 X Empty link

    <div class="uservisibility">

    <a title="Hide my online status from other users" data-action="hide" data-

    userid="2" id="change-user-visibility" href="">

    <i class="icon fa fa-eye fa-fw " title="Hide my online status from other

    users" aria-label="Hide my online status from other users"></i>

    </a>

    </div>

    <a class="text-dark" data-action="closedrawer" href="#">

    <i class="icon fa fa-window-close fa-fw " title="Close" aria-label="Close"></i>

    </a>

    <a class="h-100 d-flex align-items-center mr-2" href="#" data-route-

    back="" role="button"><div class="icon-back-in-drawer">

    <a class="mr-2 align-self-stretch d-flex align-items-center" href="#" data-route-

    back="" data-action="cancel-search" role="button"><div class="icon-back-in-

    drawer">

    <a class="h-100 d-flex mr-2 align-items-center" href="#" data-route-

    back="" role="button"><div class="icon-back-in-drawer">

    <a class="btn btn-light" role="button" href="#">

    <i class="icon fa fa-arrow-up fa-fw " title="Go to top" aria-label="Go to

    top"></i>

    </a>

•  Alerts
  • 1 X Missing first level heading
  • 1 X Skipped heading level (This is reported on the first occurrence. So this can be reported on the "Recently accessed courses" block if the "Learning plans" block is not present on the page) Deferred to MDL-70425

    <h5 id="instance-17-header" class="card-title d-inline">

    Learning plans

    </h5>

  • 6 X Redundant link (depends on number of course cards showing)

    <a href="/course/view.php?id=2" class="aalink coursename mr-

    2"><span id="favorite-icon-2-7" data-region="favourite-icon" data-course-id="2">

    <span class="text-primary hidden" data-region="is-favourite" aria-

    hidden="true">

    <i class="icon fa fa-star fa-fw " title="Starred course" aria-label="Starred

    course"></i>

    <span class="sr-only">

    Course is starred

    </span>

  • 2 X Very small text
    These are related to the counters for unread messages and unread notifications

    <div class="count-container hidden" data-region="count-container" aria-

    label="There are 0 unread notifications">

    0

    </div>