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

    • MOODLE_21_STABLE, MOODLE_22_STABLE
    • wip-MDL-36080-master
    • 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

      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

        1. icon.png
          icon.png
          211 kB

            phalacee Jason Fowler
            jrh18 Jason Hardin (Inactive)
            Marina Glancy Marina Glancy
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

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