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

Accessibility on filepicker

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Requires specialised setup

      1. Navigate to private files (YOURSITE/user/files.php).
      2. Click the button to add a file.
      3. With ChromeVox, or NVDA navigate around the repositories. The selected repository should read out that it is selected (eventually). Non selected repositories should read out as not being selected. Movement up and down the repositories is done with the arrow keys. Pressing Enter should select that Repository.
      4. Boost Only: Verify the selected repository is highlighted in blue and has white text.
      • The navigation using the arrow keys needs to be tested on all supported browsers.

      Note that JAWS does not read out that the repository is selected

      Show
      Requires specialised setup Navigate to private files (YOURSITE/user/files.php). Click the button to add a file. With ChromeVox, or NVDA navigate around the repositories. The selected repository should read out that it is selected (eventually). Non selected repositories should read out as not being selected. Movement up and down the repositories is done with the arrow keys. Pressing Enter should select that Repository. Boost Only: Verify the selected repository is highlighted in blue and has white text. The navigation using the arrow keys needs to be tested on all supported browsers. Note that JAWS does not read out that the repository is selected
    • Affected Branches:
      MOODLE_34_STABLE
    • Fixed Branches:
      MOODLE_33_STABLE, MOODLE_34_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      wip-MDL-61127-master

      Description

      According to an audit made over Accessibility, violations exist over filepicker as follows:

      Affected modules: Submit Assignment

      • Ensure color is not the sole means of communicating information

      In the dialog which appears after "Upload a File" is chosen, the pills ("Server Files/Private Files/...") do not show which is highlighted, though the active image has a css class of "active" assigned.

      <div class="fp-repo nav-item first odd" id="fp-repo-59a6d1bd2e9a8-1">
      <a href="#" class="nav-link" id="">
      <img class="fp-repo-icon" alt=" " src="https://accessibility-sandbox.mrooms.net/theme/image.php/snap/repository_local/1502266427/icon" width="16" height="16">&nbsp;<span class="fp-repo-name">Server files</span></a>
      </div>
      ...
      <div class="fp-repo nav-item odd active" id="fp-repo-59a6d1bd2e9a8-3">
      <a href="#" class="nav-link" id="">
      <img class="fp-repo-icon" alt=" " src="https://accessibility-sandbox.mrooms.net/theme/image.php/snap/repository_upload/1502266427/icon" width="16" height="16">&nbsp;<span class="fp-repo-name">Upload a file</span></a>
       </div>
      ...
      </div>

       

      Provide the active link off-screen text indicating that it is active.

      <img class="fp-repo-icon" alt=" " src="https://accessibility-sandbox.mrooms.net/theme/image.php/snap/repository_local/1502266427/icon" width="16" height="16">&nbsp;<span class="fp-repo-name">Server files</span></a>
      </div>
      ...
      <div class="fp-repo nav-item odd active" id="fp-repo-59a6d1bd2e9a8-3">
      <a href="#" class="nav-link" id="">
      <img class="fp-repo-icon" alt=" " src="https://accessibility-sandbox.mrooms.net/theme/image.php/snap/repository_upload/1502266427/icon" width="16" height="16">&nbsp;<span class="fp-repo-name">Upload a file<span class="sr-only"> - Active</span></span></a>
       </div>
      ...
      </div>
       
       
      

       

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                3 Vote for this issue
                Watchers:
                8 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  17/May/18