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

Accessibility on filepicker

XMLWordPrintable

    • 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

      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>
      		 
       
      		 
       

       

            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

              Created:
              Updated:
              Resolved:

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