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

XMLWordPrintable

    • MOODLE_21_STABLE
    • MOODLE_21_STABLE, MOODLE_22_STABLE, MOODLE_23_STABLE
    • 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.

      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.

        1. choice-diff-results.html
          16 kB
        2. choice-results-greg-kraus.html
          12 kB
        3. choices_withpatch.html
          12 kB

            rwijaya Rossiani Wijaya
            gdkraus Greg Kraus
            Glenn Ansley Glenn Ansley
            Sam Hemelryk Sam Hemelryk
            Adrian Greeve Adrian Greeve
            Votes:
            1 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

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