Business Services/Create Objects : Hidden or empty element receive focus.

Issue Summary

The links present in "Old value" and "New value" are receiving keyboard focus

Note:

This issue is applicable to whole the column of "Old value" and the last row of column "New value"

Tested URL

https://instenv-5971-nizh.instenv.atl-test.space/secure/ObjectSchema.jspa?id=3&mode=object&objectId=100

Steps to Reproduce

1. Open the "Home page" and navigate the "Assets" in header section
2. Navigate to "ASIT-ITSM" link and activate it.
3. Navigate the mentioned column links using TAB key.
4. Observe that invisible content receiving keyboard focus.

Actual Results

The "Old value" and "New value" links are not visible when the page is navigated via the keyboard. However, it receives the keyboard focus forcing users to tab through invisible content. This resulted in a confusing experience for keyboard-only users while accessing the web page.

Expected Results

Provide aria-hidden="true" to <a> element.

REFERENCE:
Deque University: https://dequeuniversity.com/class/forms2/labels/semantic-labels
W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/forms/

BACKGROUND:
People who are blind cannot use the visual layout of a form to determine which labels go with which form elements. In order to be certain which label goes with which form element, the label and form element must be programmatically associated. When labels and form elements are programmatically associated, a screen reader user can put focus on a form element and the screen reader will automatically read the label and element type together. In addition, some coding methods will create a larger clickable area for the form element which benefits people with motor disabilities.

Screenshot

Workaround

Not Available

Bug Ref: 748630

Bulldog Ref: JSMDC-12816