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

Course and category management page accessibility followups

XMLWordPrintable

    • MOODLE_38_STABLE
    • MOODLE_38_STABLE, MOODLE_39_STABLE
    • MDL-69115-master
    • 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 ".
    • 0
    • International 4.0 - Sprint 1, International 4.0 - Sprint 2

      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.

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            Shamim Rezaie Shamim Rezaie
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Janelle Barcega Janelle Barcega
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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