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

Login page accessibility issues

XMLWordPrintable

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

      You need to have the WAVE browser extension for this test

      Site without logo

      WAVE testing
      1. Go to the login page.
      2. Press the WAVE extension's button on your browser
      3. Verify that
        • There is no "Missing first-level heading" alert
        • There is no "Redundant alternative text" alert
        • In the summary tab, the "Errors" section shows "0".
      HTML validation
      1. View the page source of the login page
      2. Copy the page source and paste it in the text input field in the "Nu HTML Validator".
      3. *Confirm *that you don't get any errors on the page (You might get a warning, but that's okay)
      Screen reader testing
      1. Use a screen reader (e.g. Chromevox, NVDA or JAWS) on the login page.
      2. Navigate to the site name.
      3. Confirm that it is being announced as "[Site name] login"
      4. Confirm that it is being recognised as a heading 1 element

      Site with logo

      WAVE testing
      1. Log in as admin and go to Site Administration > Appearance > Logos and add a logo to the site.
      2. Logout and go to the login page again
      3. Press the WAVE extension's button on your browser
      4. Verify that
        • There is no "Missing first-level heading" alert
        • There is no "Redundant alternative text" alert
        • In the summary tab, the "Errors" section shows "0".
      HTML validation
      1. View the page source of the login page
      2. Copy the page source and paste it in the text input field in the "Nu HTML Validator".
      3. Confirm that you don't get any errors on the page (You might get a warning, but that's okay)
      Screen reader testing
      1. Use a screen reader (e.g. Chromevox, NVDA or JAWS) on the login page.
      2. Navigate to the site logo.
      3. Confirm that it is being announced as "[Site name] login"
      4. Confirm that it is being recognised as a heading 1 element
      Show
      You need to have the WAVE browser extension for this test Site without logo WAVE testing Go to the login page. Press the WAVE extension's button on your browser Verify that There is no "Missing first-level heading" alert There is no "Redundant alternative text" alert In the summary tab, the "Errors" section shows "0". HTML validation View the page source of the login page Copy the page source and paste it in the text input field in the " Nu HTML Validator " . *Confirm *that you don't get any errors on the page (You might get a warning, but that's okay) Screen reader testing Use a screen reader (e.g. Chromevox, NVDA or JAWS) on the login page. Navigate to the site name. Confirm that it is being announced as " [Site name] login" Confirm that it is being recognised as a heading 1 element Site with logo WAVE testing Log in as admin and go to Site Administration > Appearance > Logos and add a logo to the site. Logout and go to the login page again Press the WAVE extension's button on your browser Verify that There is no "Missing first-level heading" alert There is no "Redundant alternative text" alert In the summary tab, the "Errors" section shows "0". HTML validation View the page source of the login page Copy the page source and paste it in the text input field in the " Nu HTML Validator " . Confirm that you don't get any errors on the page (You might get a warning, but that's okay) Screen reader testing Use a screen reader (e.g. Chromevox, NVDA or JAWS) on the login page. Navigate to the site logo. Confirm that it is being announced as " [Site name] login" Confirm that it is being recognised as a heading 1 element
    • 0
    • Internationals - 3.11 Sprint 2, Internationals - 3.11 Sprint 3, Internationals - 3.11 Sprint 4, Internationals - 3.11 Sprint 5, Internationals - 3.11 Sprint 6, Internationals - 3.11 Sprint 7

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

      • Alerts:
        • 1 X Missing first level heading (H1)
        • 1 X Redundant title text (only when there is a logo shown on the login page)
          example code: 

          <h2 class=”card-header text-center”><img src=”
          		 
          /pluginfile.php/1/core_admin/logo/0x200/1600349662/images.jpg” class=”img-
          		 
          fluid” title=”DEV39” alt=”DEV39”></h2>

      • ARIA (to be examined if they are used properly):
        • 1 X ARIA + 1 X ARIA alert or live region
          Both issues in the following code: 

          <div class="toast-wrapper mx-auto py-0 fixed-top" role="status" aria-live="polite"></div>

        • 1 X ARIA button + 1 X ARIA tabindex
          Both issues in the following code, and related to the help icon for cookies: 

          <a class="btn btn-link p-0" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="Two cookies are used on this site:..." data-html="true" tabindex="0" data-trigger="focus">
          		 
          <i class="icon fa fa-question-circle text-info fa-fw " title="Help with Cookies must be enabled in your browser" aria-label="Help with Cookies must be enabled in your browser"></i>
          		 
          </a>

        • 2 X ARIA label
          One is related to the help icon for cookies: 

          <i class="icon fa fa-question-circle text-info fa-fw " title="Help with Cookies must be enabled in your browser" aria-label="Help with Cookies must be enabled in your browser"></i>

          and this is the other one:

          <section id="region-main" class="col-12" aria-label="Content"><span class="notifications" id="user-notifications">

        1. MDL-70169-sitewithlogo-310.png
          MDL-70169-sitewithlogo-310.png
          135 kB
        2. MDL-70169-sitewithlogo-311.png
          MDL-70169-sitewithlogo-311.png
          139 kB
        3. MDL-70169-sitewithlogo-39.png
          MDL-70169-sitewithlogo-39.png
          140 kB
        4. MDL-70169-sitewithlogo-master.png
          MDL-70169-sitewithlogo-master.png
          133 kB
        5. MDL-70169-sitewithoutlogo-310.png
          MDL-70169-sitewithoutlogo-310.png
          108 kB
        6. MDL-70169-sitewithoutlogo-311.png
          MDL-70169-sitewithoutlogo-311.png
          109 kB
        7. MDL-70169-sitewithoutlogo-39.png
          MDL-70169-sitewithoutlogo-39.png
          109 kB
        8. MDL-70169-sitewithoutlogo-master.png
          MDL-70169-sitewithoutlogo-master.png
          118 kB
        9. Screenshot 2021-02-25 at 09.27.14master.png
          Screenshot 2021-02-25 at 09.27.14master.png
          225 kB

            lameze Simey Lameze
            rezaie9 Shamim Rezaie
            Michael Hawkins Michael Hawkins
            Jun Pataleta Jun Pataleta
            Carlos Escobedo Carlos Escobedo
            Votes:
            0 Vote for this issue
            Watchers:
            6 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 hours, 50 minutes
                2d 3h 50m

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