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

Missing alt text in the common user header when user does not have picture

XMLWordPrintable

    • MOODLE_401_STABLE, MOODLE_402_STABLE, MOODLE_403_STABLE
    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MDL-80279-403
    • Hide
      1. Login as admin
      2. Click on the User dropdown menu at the top and click on the "Profile" item
      3. Make sure the user has no profile picture and the initials are displayed
      4. Hover over the initials and confirm the user's full name is displayed
      5. Using the Browser Dev Tools, inspect the Initials element and confirm there are three new attributes, title and aria-label containing the user's full name and role='img'
      6. Using the Axe Accessibility Tool, scan the page
      7. Confirm there's no issue related to the initials element missing alternative text
      Show
      Login as admin Click on the User dropdown menu at the top and click on the "Profile" item Make sure the user has no profile picture and the initials are displayed Hover over the initials and confirm the user's full name is displayed Using the Browser Dev Tools, inspect the Initials element and confirm there are three new attributes, title and aria-label containing the user's full name and role='img' Using the Axe Accessibility Tool, scan the page Confirm there's no issue related to the initials element missing alternative text
    • WP Sprint 2024-I1.2 (Clones), WP Sprint 2024-I1.3 (Clones)

      This issue was detected during accessibility audit on learner-facing pages in Workplace performed in August-September 2023 by AbleDocs.

      Success criteria 1.1.1 Non-text Content https://www.w3.org/TR/WCAG21/#non-text-content

      1. There is no alternative text for the profile image in the main content. Informative images require descriptive alt text.
      (Partially addressed in MDL-79059 when user has a picture and not addressed when user does not have a picture)

      2. (Edit: this will be resolved separately in MDL-70829) "Message" and "Add to contact" after Aloysia Harrington have aria labels applied to them. While not a fail, purely decorative images should have empty alt text; this allows screen readers to ignore the image rather than read it out to the user.

      Comment from me (Marina):
      This was reported in Workplace for several workplace pages but in fact it applies to any core LMS page with the user header, for example, login as admin, go to any other user's profile and click on "Forum posts" - https://sandbox.moodledemo.net/mod/forum/user.php?id=4

        1. (1) 4 Passed -- (Main)MDL-80279.png
          (1) 4 Passed -- (Main)MDL-80279.png
          87 kB
        2. (1) 5 Passed -- (Main)MDL-80279.png
          (1) 5 Passed -- (Main)MDL-80279.png
          174 kB
        3. (1) 7 Passed -- (Main)MDL-80279.png
          (1) 7 Passed -- (Main)MDL-80279.png
          158 kB
        4. 1_addressed.png
          1_addressed.png
          127 kB
        5. 1_notaddressed.png
          1_notaddressed.png
          101 kB
        6. 2.png
          2.png
          99 kB

            pedro.jordao@moodle.com Pedro Jordao
            marina Marina Glancy
            Paul Holden Paul Holden
            Jun Pataleta Jun Pataleta
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            13 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 6 hours, 59 minutes
                6h 59m

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