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

Course and category management page accessibility followups

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Note: Do these on all "Viewing:" modes of the course management page.

      Prerequisites
      1. WAVE tool browser extension
      2. axe browser extension
      3. Screen reader (e.g. Chromevox)
      4. Site with three or more course categories with at least one category nested under another category.
      5. Several courses as well in the site
      WAVE tool tests
      1. Go to "Site administration / Courses / Manage courses and categories"
      2. Run the WAVE tool
      3. Confirm that you don't see any "Missing form label" errors.
      4. Confirm that you don't see any "Empty form label" errors.
      5. Confirm that you don't see any missing "Fieldset missing legend" alert.
      axe tool tests
      1. Open your browser's dev tools and go to the axe tab.
      2. Analyse the page
      3. Confirm that you don't see a "Form elements must have labels" error.
      4. Confirm that you don't see a "<li> elements must be contained in a <ul> or <ol>" error.
      HTML validation
      1. Right-click the page and select "View page source"
      2. Copy the page's source and paste it into the text area field of the Nu Html Checker website (Set "Check by" field to "Text input").
      3. Confirm that you don't see any errors except for the following:
        • "An img element must have an alt attribute..." for the user menu.
        • "Duplicate ID ...".
      Highlight
      1. Make sure that the viewing mode of the course management page is set to either "Course categories and courses" or "Course categories"
      2. Select a category.
      3. Confirm that the blue highlight at the left border of the selected category is the same as the colours of the category link and its action icons.
      Screen reader
      1. Turn on your screen reader.
      2. Using your keyboard, navigate to the checkboxes beside each category and course.
      3. Confirm that the checkbox is being announced as something like "[name] bulk action selection".
      4. Navigate to the Search courses field.
      5. Confirm that it is being announced as "Search courses"
      6. Navigate to the up/down icons of the categories list.
      7. Confirm that the icons are being announced as "Move up" and "Move down".
      8. Navigate to the up/down icons of the courses list.
      9. Confirm that the icons are being announced as "Move up" and "Move down".
      Show
      Note: Do these on all " Viewing: " modes of the course management page. Prerequisites WAVE tool browser extension axe browser extension Screen reader (e.g. Chromevox) Site with three or more course categories with at least one category nested under another category. Several courses as well in the site WAVE tool tests Go to " Site administration / Courses / Manage courses and categories " Run the WAVE tool Confirm that you don't see any " Missing form label " errors. Confirm that you don't see any " Empty form label " errors. Confirm that you don't see any missing " Fieldset missing legend " alert. axe tool tests Open your browser's dev tools and go to the axe tab. Analyse the page Confirm that you don't see a " Form elements must have labels " error. Confirm that you don't see a " <li> elements must be contained in a <ul> or <ol> " error. HTML validation Right-click the page and select " View page source " Copy the page's source and paste it into the text area field of the Nu Html Checker website (Set " Check by " field to " Text input "). Confirm that you don't see any errors except for the following: " An img element must have an alt attribute... " for the user menu. " Duplicate ID ... ". Highlight Make sure that the viewing mode of the course management page is set to either " Course categories and courses " or " Course categories " Select a category. Confirm that the blue highlight at the left border of the selected category is the same as the colours of the category link and its action icons. Screen reader Turn on your screen reader. Using your keyboard, navigate to the checkboxes beside each category and course. Confirm that the checkbox is being announced as something like " [name] bulk action selection ". Navigate to the Search courses field. Confirm that it is being announced as " Search courses " Navigate to the up/down icons of the categories list. Confirm that the icons are being announced as " Move up " and " Move down ". Navigate to the up/down icons of the courses list. Confirm that the icons are being announced as " Move up " and " Move down ".
    • Affected Branches:
      MOODLE_38_STABLE
    • Fixed Branches:
      MOODLE_38_STABLE, MOODLE_39_STABLE
    • Pull 3.8 Branch:
    • Pull 3.9 Branch:
    • Pull Master Branch:
      MDL-69115-master
    • Story Points:
      0
    • Sprint:
      International 4.0 - Sprint 1, International 4.0 - Sprint 2

      Description

      Some pending accessibility issues found in the course management page:

      1. Missing label for the "Search courses" text box.
      2. The "up" and "down" arrow links do not make sense in or out of context This will be fixed in MDL-68291
      3. Duplicate IDs when running the Nu HTML validator on the course management page. This will be fixed in  MDL-69262 
      4. The highlight for the selected category does not have sufficient contrast.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              jpataleta Jun Pataleta
              Reporter:
              jpataleta Jun Pataleta
              Peer reviewer:
              Shamim Rezaie
              Integrator:
              Sara Arjona (@sarjona)
              Tester:
              Janelle Barcega
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                14/Sep/20

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 day, 1 hour
                  1d 1h