Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-35816 Accessibility Review issues (Deque)
  3. MDL-36080

Topic and Weekly formatted course activity icons need empty alt text

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      1. load a course set to topic format. Use dev tools to inspect a link to a resource and an activity.
      2. ensure the alt attribute is empty for each
      3. turn off images in your browser - insure the information provided for the course is enough to understand what the activity and resource links are for
      4. load a course set to weekly format. Use dev tools to inspect a link to a resource and an activity.
      5. ensure the alt attribute is empty for each
      6. turn off images in your browser - insure the information provided for the course is enough to understand what the activity and resource links are for
      Show
      load a course set to topic format. Use dev tools to inspect a link to a resource and an activity. ensure the alt attribute is empty for each turn off images in your browser - insure the information provided for the course is enough to understand what the activity and resource links are for load a course set to weekly format. Use dev tools to inspect a link to a resource and an activity. ensure the alt attribute is empty for each turn off images in your browser - insure the information provided for the course is enough to understand what the activity and resource links are for
    • Affected Branches:
      MOODLE_21_STABLE, MOODLE_22_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      wip-MDL-36080-master

      Description

      Issue
      Alt text 1 - Every icon preceding a link on the course page should have an empty alt attribute (alt="") or be handled through CSS instead.

      Alt text 2 - The icons preceding a link to download or consume content have potentially misleading or confusing alt attributes, such as "Assignment", "File", "Quiz" or "Forum" when put next to the real text links that lead to such content.

      Link purpose - The purpose of the links on the different icons mentioned in alt text 2 is difficult to make out and would be more useful for users if combined to the text links that follow.

      Adjacent links - There are a lot of links that are accompanied by an icon while both elements have their own redundant adjacent links. It would be best to merge these links and treating the images as decorative content to significantly reduce the cognitive load.

      Standard Level
      WCAG 2 1.1.1 (A) http://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html
      WCAG 2 2.4.4 (A) http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.html

      Impact
      Serious

      Example Link
      http://demo.moodle.net/

      Test Steps

      1. Navigate to a course page
      2. Inspect the code around an activity icon

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                10 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: