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

          Activity

            People

              abgreeve Adrian Greeve
              rbecerrarodriguez Rafael Becerra
              Mihail Geshoski Mihail Geshoski
              Jake Dallimore Jake Dallimore
              Simey Lameze Simey Lameze
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              3 Vote for this issue
              Watchers:
              8 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                17/May/18