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

Re-write user information table in view user's profile to use semantic HTML

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Master:

      1. Check that the user profile page does not look broken (It doesn't have to look 100% identical to the old version).
      2. Change the language to hebrew - check the page again.

      Stables:

      1. Login
      2. Click the user name in the top right to view the profile page
      3. Inspect the code of the table, ensure the summary attribute is no longer there
      4. Click a link under the course profiles section of the user profile
      5. Inspect the code of the table, ensure the summary attribute is no longer there
      Show
      Master: Check that the user profile page does not look broken (It doesn't have to look 100% identical to the old version). Change the language to hebrew - check the page again. Stables: Login Click the user name in the top right to view the profile page Inspect the code of the table, ensure the summary attribute is no longer there Click a link under the course profiles section of the user profile Inspect the code of the table, ensure the summary attribute is no longer there
    • Affected Branches:
      MOODLE_21_STABLE, MOODLE_22_STABLE, MOODLE_23_STABLE, MOODLE_24_STABLE, MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_23_STABLE, MOODLE_24_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      wip-MDL-35875-master-alt

      Description

      Issue
      Table structure - The presentation table used to layout user information on the view user's profile page has an empty summary attribute - it shouldn't have the summary attribute at all. It would be best to use CSS layout instead of a table to present this data.

      Standard Level
      WCAG 2 1.3.1 (A) http://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-programmatic

      Impact
      Serious

      Example Link
      http://demo.moodle.net/user/profile.php?id=0&sesskey=ZdAicfllpV&bui_moveid=293

      Test Steps

      1. Login as a student
      2. Click on the student
      3. Tab to the user's profile information table and allow a screen reader to read it.
      4. View the source of the page to view the summary attribute on the table

        Attachments

        1. ProfilePage_new.png
          ProfilePage_new.png
          146 kB
        2. ProfilePage_old.png
          ProfilePage_old.png
          143 kB
        3. 35875.png
          35875.png
          104 kB
        4. MDL-35875.png
          MDL-35875.png
          152 kB
        5. 0001-MDL-35816-User-Modify-the-profile-page-to-use-semant.patch
          16 kB
        6. MDL-35875.png
          MDL-35875.png
          42 kB

          Issue Links

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  13/May/13