Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-20631

Accessibility: The "Add" and "Action" menus are difficult for screen-reader users to navigate/use in the Drop Box and Resources Tools

    Details

    • Type: Task Task
    • Status: Closed
    • Priority: Critical Critical
    • Resolution: Fixed
    • Affects Version/s: 2.8.0
    • Fix Version/s: 2.9.0
    • Component/s: Accessibility, Content, Drop box
    • Labels:
      None
    • 2.9 Status:
      Resolved

      Description

      The "Add" and "Action" menus as found in the Drop Box and Resources tools are difficult for screen-reader users to use. Even with coaching, students who are capable screen-reader users find the menus difficult and unintuitive to use. Two testers were unsuccessful at using the menus when given walkthrough scripts requiring use of the "Add" or "Action" menus. The users still found it hard to do when assisted with sighted users present.

      We are looking into using the jQuery UI menu as a replacement.

        Gliffy Diagrams

        1. sak-20631.diff
          14 kB
          Aaron Zeckoski
        2. sak-20631.diff
          14 kB
          Brian Richwine

          Issue Links

            Activity

            Hide
            Gonzalo Silverio added a comment -

            Something to keep in mind: performance. Our first pass at these menus used the Dojo library, and with very large lists the rendering slowed to a crawl, the main reason we went with a smaller more performant solution.

            Show
            Gonzalo Silverio added a comment - Something to keep in mind: performance. Our first pass at these menus used the Dojo library, and with very large lists the rendering slowed to a crawl, the main reason we went with a smaller more performant solution.
            Hide
            Sam Ottenhoff added a comment -

            Per CLE call: Has anyone tried out jQuery UI here as a replacement? Also, we have plans as CLE Team to add an Accessibility section to Preferences.... using alternative display for these menus would be much easier then.

            Brian, what is your preferred solution here?

            Show
            Sam Ottenhoff added a comment - Per CLE call: Has anyone tried out jQuery UI here as a replacement? Also, we have plans as CLE Team to add an Accessibility section to Preferences.... using alternative display for these menus would be much easier then. Brian, what is your preferred solution here?
            Hide
            Gonzalo Silverio added a comment -

            Hey Sam.

            The idea of an Accessibility section to Preferences is very exciting.

            Joe Humbert and me have done some thinking about what an accessibility set of preferences would be. Boiled down they are here: https://jira.sakaiproject.org/browse/SAKIIIDESIGN-239

            The main idea is to have users select one or more (but always three or less) options:

            1. Help me use the keyboard to navigate

            • skip links, accesskeys enabled

            2. Give me a different view of things

            • select from a set of view types

            3. Give me control over the system

            • stop or slow down system updates (presence, chat, any other tool that does async updates)
            Show
            Gonzalo Silverio added a comment - Hey Sam. The idea of an Accessibility section to Preferences is very exciting. Joe Humbert and me have done some thinking about what an accessibility set of preferences would be. Boiled down they are here: https://jira.sakaiproject.org/browse/SAKIIIDESIGN-239 The main idea is to have users select one or more (but always three or less) options: 1. Help me use the keyboard to navigate skip links, accesskeys enabled 2. Give me a different view of things select from a set of view types 3. Give me control over the system stop or slow down system updates (presence, chat, any other tool that does async updates)
            Hide
            Brian Richwine added a comment -

            Actually, we do have a patch for this which makes the Add and Action menus screen-reader and keyboard accessible. It's lightweight and keeps the appearances pretty close to the original.

            Other benefits: the keyboard interaction to operate the menu more approximates how the neoportal worksites menu operates.

            Patch is attached: sak-20631.diff

            Show
            Brian Richwine added a comment - Actually, we do have a patch for this which makes the Add and Action menus screen-reader and keyboard accessible. It's lightweight and keeps the appearances pretty close to the original. Other benefits: the keyboard interaction to operate the menu more approximates how the neoportal worksites menu operates. Patch is attached: sak-20631.diff
            Hide
            Aaron Zeckoski added a comment -

            Checked with Gonzalo and he agreed that the patch is the way to go.
            Patch applied.

            Show
            Aaron Zeckoski added a comment - Checked with Gonzalo and he agreed that the patch is the way to go. Patch applied.
            Hide
            Gonzalo Silverio added a comment -

            Verified in trunk - 2check with Brian.

            Show
            Gonzalo Silverio added a comment - Verified in trunk - 2check with Brian.
            Hide
            Sam Ottenhoff added a comment -

            2.9.x r109854

            Show
            Sam Ottenhoff added a comment - 2.9.x r109854

              People

              • Assignee:
                Brian Richwine
                Reporter:
                Gonzalo Silverio
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Development