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

Accessibility on filepicker

    XMLWordPrintable

Details

    • MOODLE_34_STABLE
    • MOODLE_33_STABLE, MOODLE_34_STABLE
    • wip-MDL-61127-master
    • 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

    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

          has been marked as being related by

          Improvement - An enhancement to an existing Moodle feature. MDL-29418 Accesibility should be properly handeled by File picker

          • Minor - Minor loss of function where workaround is possible
          • Closed
          will help resolve

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-61791 Highlight the currently active repository in filepicker

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Activity

            People

              abgreeve Adrian Greeve
              rbecerrarodriguez Rafael Becerra
              Mihail Geshoski Mihail Geshoski
              Jake Dallimore Jake Dallimore
              Simey Lameze Simey Lameze
              Votes:
              3 Vote for this issue
              Watchers:
              8 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                17/May/18