Uploaded image for project: 'Nuxeo Web UI'
  1. Nuxeo Web UI
  2. WEBUI-269

Missing focus state on drawer and document tabs

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.4.41
    • Fix Version/s: 3.0.32, 3.1.8
    • Component/s: A11y, UI, Web UI

      Description

      Currently, we are hiding the outline on both nuxeo-page-item and nuxeo-menu-icon. This makes it impossible to understand which item is focused when we are tabbing between them using the keyboard, which constitutes an accessibility violation

      The decision of hiding the outlines on these elements is related to the undesirable effect of having the outline active when the element has triggered through mouse/touchpad.

      A possible solution to solve this behavior and limit the focus state only to keyboard interactions is to use the new focus-visible CSS property.

      However, this new property is still not supported on Safari

      There is a polyfill provided by the WICG from W3C, but we might have some problems implementing automatically using shadow dom

      We need to investigate and test the polyfill and come up with a strategy for the focus management indication, since we will have, for sure, more places with the same problem.

       

        Attachments

          Issue Links

          There are no Sub-Tasks for this issue.

            Activity

              People

              • Votes:
                1 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 days, 2 hours
                  2d 2h