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

    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

        Gliffy Diagrams

          Attachments

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