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

Dashboard accessibility issues

XMLWordPrintable

    • MOODLE_310_STABLE
    • MOODLE_310_STABLE, MOODLE_39_STABLE
    • 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

      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>

        1. confirmation.png
          14 kB
          Simey Lameze
        2. MDL-70173.PNG
          35 kB
          Gladys Basiana

            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

              Created:
              Updated:
              Resolved:

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

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.