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

Portal > improve instructions and contrast of Organize Favourites UI (a11y)

    Details

    • 19 status:
      Resolved
    • Test Plan:
      Hide
      1. As any user with more than 2 sites, go to the "Sites" menu, then click the "Organize Favorites" tab
      2. Verify the instructional message makes direct mention of clicking and dragging the hamburger icon
      3. Verify the hamburger icons have appropriate contrast and can easily be seen
      Show
      As any user with more than 2 sites, go to the "Sites" menu, then click the "Organize Favorites" tab Verify the instructional message makes direct mention of clicking and dragging the hamburger icon Verify the hamburger icons have appropriate contrast and can easily be seen

      Description

      There are two issues with the "Organize Favourites" UI being addressed here:

      1. The instructions only state that you can click and drag the sites to reorder them. This is not completely accurate: you need to click and drag the hamburger icon to reorder the sites. Clicking on any other part of the "bar" navigates you to the site in question in the background. The user may not understand what's happening here and think the reorder is failing. The instruction message needs to be improved to make specific mention of clicking and dragging the hamburger icon to reorder the sites.
      2. The icon itself has poor contrast with the background, making it difficult to see. For accessibility, it needs to be darker/contrast better with the background

      Before:

      After:

        Gliffy Diagrams

          Attachments

          1. 12312018_trunk_sak_40878.gif
            12312018_trunk_sak_40878.gif
            13 kB
          2. 1-before.png
            1-before.png
            29 kB
          3. 2-after.png
            2-after.png
            30 kB

            Activity

              People

              • Assignee:
                bjones86 Brian Jones
                Reporter:
                bjones86 Brian Jones
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Git Source Code