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

Login page accessibility issues

    XMLWordPrintable

    Details

    • Testing Instructions:
      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
    • Affected Branches:
      MOODLE_310_STABLE, MOODLE_39_STABLE
    • Fixed Branches:
      MOODLE_310_STABLE, MOODLE_39_STABLE
    • Pull from Repository:
    • Pull 3.9 Branch:
    • Pull 3.10 Branch:
      MDL-70169-310
    • Pull 3.11 Branch:
      MDL-70169-311
    • Pull Master Branch:
      MDL-70169-master
    • Story Points:
      0
    • Sprint:
      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

      Description

      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">
          

        Attachments

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

          Activity

            People

            Assignee:
            lameze Simey Lameze
            Reporter:
            rezaie9 Shamim Rezaie
            Peer reviewer:
            Michael Hawkins Michael Hawkins
            Integrator:
            Jun Pataleta Jun Pataleta
            Tester:
            Carlos Escobedo Carlos Escobedo
            Participants:
            Component watchers:
            Andrew Lyons, Dongsheng Cai, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              8/Mar/21

                Time Tracking

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