Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-42942 Parent Issue for any bugs found regarding the new skin for Sakai 20
  3. SAK-43140

Feature Request - Sakai 20 New Skin - Consider outline for the elements of a site tab in the sites bar when hover or active

    XMLWordPrintable

    Details

    • Type: Sub-task
    • Status: Awaiting Review
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: None
    • Labels:
    • Test Plan:
      Hide

      If the proposal is chosen by the community...

      • Open Sakai in a computer web browser (not the mobile view)
      • Add a project or course site (if one does not exist already)
      • Favorite the site (if it is not favorited automatically)
      • Reload the window if necessary
      • Hover the mouse or tab to the separate elements of the site tab – in addition to the slight color change for each discreet item, there should also be a one-pixel, black border around the selected element.
      Show
      If the proposal is chosen by the community... Open Sakai in a computer web browser (not the mobile view) Add a project or course site (if one does not exist already) Favorite the site (if it is not favorited automatically) Reload the window if necessary Hover the mouse or tab to the separate elements of the site tab – in addition to the slight color change for each discreet item, there should also be a one-pixel, black border around the selected element.

      Description

      PURPOSE

      This is an aesthetics item, so it's a feature request, not a bug. The UI/UX groups should review to determine if this suggestion would help the overall community.

      PROPOSAL

      We are currently using a single-pixel border around the elements of the site tabs in the sites bar. For sighted users, this can be an added element to indicate that an item is highlighted or available for selection, in addition to the slight color change.

      Current design on Trunk (as of February 2020; image of site "tab" with the quick menu portion of the tab/button highlighted):

      Suggestion with 1-pixel black border when quick menu portion of the site "tab" is highlighted:

      In many situations, subtle differences can be elegant and modern. In some situations, though, an element may be too subtle to be noticed. This proposal suggests that adding the border as well as the color change can better help a sighted user recognize items or elements in the interface that are available for interaction.

      Just an idea!

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                • Assignee:
                  profmikegreene Michael Greene
                  Reporter:
                  alanregan Alan Regan
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  4 Start watching this issue

                  Dates

                  • Created:
                    Updated:

                    Git Integration