Issue Summary

The expand/collapse state of a toggle-type element is missing or is used incorrectly.

Element name:

• oracledb-11g-prod i.e. 'Arrow icon'.

Location of the element: Button, in the "Object Overview" modal.

Steps to reproduce:
1. Click on "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. Check the above-mentioned button.

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 :
The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.

HOW TO FIX:
Fix this issue by using ONE of the following techniques:
1. Use the aria-sort attribute values of "ascending" or "descending" or "none" on the column header to indicate the sort state of the data in a sortable column. This technique also requires that role="columnheader" be added to the <th> element.

<th role="columnheader" aria-sort="descending">
<button class="sortableColumnLabel">Name</button>
</th>

2. Add CSS clipped (visually hidden) text to the sorting element to indicate the sorted state.

<th>
<div tabindex="0" role="button" id="date-sort">
Date <span class="sr-text">sorted ascending</span>
</div>
</th>

REFERENCE:
WAI-ARIA Recommendation: https://www.w3.org/TR/wai-aria-1.1/#aria-sort

BACKGROUND:
States and properties are attributes used to convey essential information about an element to screen readers and other assistive technologies. Some roles require certain state and property information - such as the checked/unchecked state of a checkbox. Native HTML elements provide those required states and properties, so nothing more needs to be done. If you create a custom version of a native HTML element or a custom control or widget that does not have a native HTML equivalent, you must add the relevant states and properties using ARIA.

Screenshot

Screen Recording

screen recording

Workaround

workaround

Bug Ref: 744407

Bulldog Ref: JSMDC-12533