Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-27843 META: Accessibility compliance for 2.x
  3. MDL-30816

choice responses are difficult to read for screen reader users

    Details

    • Testing Instructions:
      Hide

      There is no visible changes on this issue. I simply add TH and SCOPE tags to identify which cells are row and column headers.
      Site reference about table accessibility: http://accessibility.psu.edu/tables

      As admin, set the following to choice activity:
      case 1:

      1. display mode: vertical
      2. publish result: show results to students after they answer
      3. privacy result: publish anonymous results, do not show student names
      4. as student, view the responses page (if you haven't select any response, do so).

      case 2:

      1. display mode: horizontal
      2. publish result: show results to students after they answer
      3. privacy result: publish anonymous results, do not show student names
      4. as student, view the responses page

      case 3:

      1. privacy result: publish full results, showing names and their choices
      2. as admin, view the responses page
      3. as student, view the responses page

      Make sure the above cases are working without error.

      Show
      There is no visible changes on this issue. I simply add TH and SCOPE tags to identify which cells are row and column headers. Site reference about table accessibility: http://accessibility.psu.edu/tables As admin, set the following to choice activity: case 1: display mode: vertical publish result: show results to students after they answer privacy result: publish anonymous results, do not show student names as student, view the responses page (if you haven't select any response, do so). case 2: display mode: horizontal publish result: show results to students after they answer privacy result: publish anonymous results, do not show student names as student, view the responses page case 3: privacy result: publish full results, showing names and their choices as admin, view the responses page as student, view the responses page Make sure the above cases are working without error.
    • Affected Branches:
      MOODLE_21_STABLE
    • Fixed Branches:
      MOODLE_21_STABLE, MOODLE_22_STABLE, MOODLE_23_STABLE
    • Pull from Repository:
    • Pull Master Branch:

      Description

      The choice responses should be summarized into a simple table with proper headers such as

      <table border="1">
        <tr>
          <th scope="col">Choice</th>
          <th scope="col">Percentage</th>
          <th scope="col">Responses</th>
        </tr>
        <tr>
          <th scope="row">Green</th>
          <td>23%</td>
          <td>8</td>
        </tr>
        <tr>
          <th scope="row">Red</th>
          <td>14%</td>
          <td>5</td>
        </tr>
        <tr>
          <th scope="row">Blue</th>
          <td>34%</td>
          <td>12</td>
        </tr>
        <tr>
          <th scope="row">Yellow</th>
          <td>29%</td>
          <td>10</td>
        </tr>
      </table>

      If you wanted to add a bar graph to it as well, you can do that with the technique that is currently employed of stretching an image to the correct number of pixels. If that technique is used, just make the alt="" instead of putting all of the "skip result graph" links.

      The key here is you are presenting a data table, and all data tables must denote their row and/or column headers.

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Votes:
                  1 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:
                    Fix Release Date:
                    10/Sep/12