Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-11636

Object overview modal with tree mode graph : Hidden or empty element receive focus.

XMLWordPrintable

      Issue Summary

      Keyboard focus or touch screen swiping falls on an element that is hidden or empty.

      Elements name:

      • INITSM-21
      • oracledb-11g-prod
      • Solaris 11.3
        ....... etc.

      Location of the elements: Hidden elements, in the "Object overview" modal.

      Additional details: Do not select the "Force" button, keyboard focus is not moving into the "Force" button section elements.

      Steps to reproduce:
      1. Click on the "oracledb-11g-prod" button, just beside the "Affected Server:" text, in the "Can we get this server request approved?" page.
      2. Then the "Object Overview" modal will display.
      3. Click on the "Show graph" icon button.
      4. Click on the "Tree" button. Then the graph will display in the tree view.

      Tested URL

      https://instenv-5971-nizh.instenv.atl-test.space/projects/JSM/queues/custom/31/JSM-111

      Steps to Reproduce

      1. Step 1

      Actual Results

      Actual results

      Expected Results

      Fix Information
      RULE :
      Non-decorative content MUST NOT be inserted using CSS :before and :after pseudo-elements unless there is a way to access the content with CSS turned off.

      HOW TO FIX:
      Fix this issue by including the content directly in the DOM using HTML.

      REFERENCE:
      WCAG Technique H64: Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS: https://www.w3.org/TR/WCAG20-TECHS/F87.html

      BACKGROUND:
      The CSS :before and :after pseudo-elements specify the location of content before and after an element's document tree content. The content property, in conjunction with these pseudo-elements, specifies what is inserted. Users who need to customize or turn off style information in order to view content according to their needs and some screen reader users may not be able to access the information that is inserted using CSS. When content is inserted directly in the page using HTML it is accessible to all users.

      Screenshot

      Screen Recording

      screen recording

      Workaround

      workaround

      Bug Ref: 745133

      Bulldog Ref: JSMDC-12544

            [JSDSERVER-11636] Object overview modal with tree mode graph : Hidden or empty element receive focus.

            There are no comments yet on this issue.

              Unassigned Unassigned
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              1 Start watching this issue

                Created:
                Updated: