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

Accessibility toolkit: Unexpected "Tables ideally should not be missing headers."

XMLWordPrintable

      From forum post:

      I am getting a "Tables ideally should not be missing headers." from the Brickfield Accessibility tool.

      Here is the errant HTML

      <table border="1" cellspacing="0" cellpadding="0" class="generaltable">
      <thead>
      <tr>
      <th width="157" class="header" scope="col">
      Type of Assessment
      </th>
      <th width="157" class="header" scope="col">
      Name of Assessment or Exam
      </th>
      <th width="148" class="header" scope="col">
      Percentage of total assessment scheme
      </th>
      <th width="153" class="header" scope="col">
      Relevant TLOs
      </th>
      </tr>
      </thead>
      <tbody>
      <tr>
      <td width="157">
      Summative
      </td>
      <td width="157">
      Assessed Talk
      </td>
      <td width="148">
      40%
      </td>
      <td width="153">
      TLO 3
      </td>
      </tr>
      <tr>
      <td width="157">
      Summative
      </td>
      <td width="157">
      Written event plan and rationale
      </td>
      <td width="148">
      60%
      </td>
      <td width="153">
      TLOs 1, 2, 4
      </td>
      </tr>
      </tbody>
      </table>

      Can anyone help me understand why it is generating this error please, as I have thead and th elements.

      Replication of error steps
      Setup:

      1. To test this the site needs to be registered with Brickfield. If you don't have a Brickfield account, you can register here.
      2. Activate your site with Brickfield in "Site administration / Plugins / Admin tools / Accessibility / Brickfield registration" by entering the API and Secret keys.
      3. Enable analysis requests in "Site administration / Plugins / Admin tools / Accessibility / Accessibility toolkit settings"

      Test:

      1. Create a new course
      2. Add a resource to the course, something that can be edited with the ATTO Editor. (Suggest using a Label resource.)
      3. Edit the resource and use the ATTO Editor to insert the included HTML table, and save.
      4. <table><thead>
        <tr><th scope="col">
        This is a table heading
        </th></tr>
        </thead>
        <tbody>
        <tr><td>
        This is a tables data cell
        </td></tr>
        </tbody>
        </table>
        

      5. If you wish, you can instead use the table HTML which was reported in the original description.
      6. Add the "Accessibility review" block to the course.
      7. Click on the "Submit to Analysis" button to request that the course is analyzed by the accessibility toolkit.
      8. Run cron. (You should edit the brickfield cron tasks at Site administration > Server > Tasks > Scheduled tasks to run every minute to speed up this analysis process so that the brickfield task is run the very next time you run cron.)
      9. The HTML table will not pass the "Tables ideally should not be missing headers." check.
      10. You can also confirm this by clicking on the "View accessibility toolkit" button on the Accessibility toolkit block, as the error should appear there also.

            mpound Michael Pound
            mchurch Mike Churchward
            Mike Churchward Mike Churchward
            Huong Nguyen Huong Nguyen
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            3 Vote for this issue
            Watchers:
            8 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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