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

Site home page accessibility issues

XMLWordPrintable

    • MOODLE_310_STABLE, MOODLE_39_STABLE
    • MOODLE_310_STABLE, MOODLE_39_STABLE
    • MDL-70172-master
    • Hide

      You need to have the WAVE browser extension for this test

      Test 1: without a logo

      1. Log in as admin and go to the Site home page
      2. Press the WAVE extension's button on your browser
      3. Verify that
        1. There is no "Empty link" error for any visible element on the page. You might see 3 invisible ones which are ok.
          • Note: If you are going through testing of this issue while MDL-70173 is not yet integrated, you will see "empty link" error for 2 visible elements which are expected. One is related to the close button of the messaging drawer and the other one is related to the "Go to top" button
        2. There is no "Missing first level heading" alert
      4. Refresh the page and turn the editing mode on.
      5. Repeat steps 2 and 3

      Test 2: with a Logo

      1. Log in as admin
      2. Visit Site administration > Appearance > Logos and upload a logo into the first file area
      3. Save changes and then proceed with the steps from Test 1.
      Show
      You need to have the WAVE browser extension for this test Test 1: without a logo Log in as admin and go to the Site home page Press the WAVE extension's button on your browser Verify that There is no "Empty link" error for any visible element on the page. You might see 3 invisible ones which are ok. Note: If you are going through testing of this issue while MDL-70173 is not yet integrated, you will see "empty link" error for 2 visible elements which are expected. One is related to the close button of the messaging drawer and the other one is related to the "Go to top" button There is no "Missing first level heading" alert Refresh the page and turn the editing mode on. Repeat steps 2 and 3 Test 2: with a Logo Log in as admin Visit Site administration > Appearance > Logos and upload a logo into the first file area Save changes and then proceed with the steps from Test 1.
    • 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 home page:

      • Errors
        • 1 X Missing alternative text. Addressed by MDL-70173.
          This is for the user avatar at the top right

          <span class="avatar current">
          <img src="/theme/image.php/boost/core/1600356695/u/f2" class="userpicture
          defaultuserpic" width="35" height="35" aria-hidden="true">
          </span>

        • 6 X Empty link (editing mode has to be on to see the first one)

          <a href="/course/editsection.php?id=6">
          <i class="icon fa fa-cog fa-fw " title="Edit summary" aria-label="Edit
          summary"></i>
          </a>
           
           
          <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"><span class="dir-rtl-
          hide">
          <i class="icon fa fa-chevron-left fa-fw " aria-hidden="true"></i>
          </span>
           
           
          <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"><span class="dir-rtl-hide">
          <i class="icon fa fa-chevron-left fa-fw " aria-hidden="true"></i>
          </span>
           
           
          <a class="h-100 d-flex mr-2 align-items-center" href="#" data-route-
          back="" role="button"><div class="icon-back-in-drawer"><span class="dir-rtl-
          hide">
          <i class="icon fa fa-chevron-left fa-fw " aria-hidden="true"></i>
          </span>
           
           
          <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 Suspicious link text. False-positive. See comment.
          This is related to the "More..." item in the cog menu

          <a href="/course/admin.php?courseid=1" id="action_link5f6381e1268b218" class="" r
          ole="menuitem">
          <i class="icon fa fa-cog fa-fw " title="More..." aria-label="More..."></i>
          More...
          </a>

        • 2 X Very small text. Addressed by MDL-70173.
          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. MDL-70172 1.png
          MDL-70172 1.png
          19 kB
        2. MDL-70172 2.png
          MDL-70172 2.png
          14 kB
        3. Screenshot_1.jpg
          Screenshot_1.jpg
          64 kB
        4. Screenshot_2.jpg
          Screenshot_2.jpg
          60 kB

            rezaie9 Shamim Rezaie
            rezaie9 Shamim Rezaie
            Simey Lameze Simey Lameze
            Victor Déniz Falcón Victor Déniz Falcón
            Janelle Barcega Janelle Barcega
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 2 hours, 20 minutes
                1d 2h 20m

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