Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-70173

Dashboard accessibility issues

    XMLWordPrintable

Details

    • MOODLE_310_STABLE
    • MOODLE_310_STABLE, MOODLE_39_STABLE
    • MDL-70173-311
    • MDL-70173-master
    • Hide

      You need to have the WAVE browser extension for this test

      1. Log in as a user and send a message to admin, then log out.
      2. Log in as admin and go to the dashboard
      3. Press the WAVE extension's button on your browser
      4. Verify that
        1. There is no "Missing alternative text" error.
        2. There is no "Empty link" error for any visible element on the page. You might see 3 invisible ones which are ok.
        3. There is no "Missing first level heading" alert
        4. There is no "Very small text" alert
      5. Refresh the dashboard page
      6. View the source HTML of the page
      7. Search for the first <h1>  tag on the source
      8. Verify that the content of the <h1> tag is "<Site short name>:  Dashboard"
      Show
      You need to have the WAVE browser extension for this test Log in as a user and send a message to admin, then log out. Log in as admin and go to the dashboard Press the WAVE extension's button on your browser Verify that There is no "Missing alternative text" error. There is no "Empty link" error for any visible element on the page. You might see 3 invisible ones which are ok. There is no "Missing first level heading" alert There is no "Very small text" alert Refresh the dashboard page View the source HTML of the page Search for the first <h1>  tag on the source Verify that the content of the <h1> tag is "<Site short name>:  Dashboard"
    • 0
    • Internationals - 3.11 Sprint 2, Internationals - 3.11 Sprint 3, Internationals - 3.11 Sprint 4, Internationals - 3.11 Sprint 5

    Description

      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>

      Attachments

        Issue Links

          Activity

            People

              rezaie9 Shamim Rezaie
              rezaie9 Shamim Rezaie
              Simey Lameze Simey Lameze
              Sara Arjona (@sarjona) Sara Arjona (@sarjona)
              Gladys Basiana Gladys Basiana
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                8/Mar/21

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 days, 3 minutes
                  2d 3m