fix(a11y): add role="img" to workspace status indicator span (WCAG 4.1.2)

[olexii4]

What does this PR do?

Fixes WCAG 2.2 criterion 4.1.2 Name, Role, Value (Level A) for the workspace status indicator icon.

The WorkspaceStatusIndicator component renders a <span> with an aria-label (e.g. "Workspace status is Running") but no semantic role. Per the ARIA specification, naming attributes such as aria-label are only honoured by assistive technologies when the element has a valid role. On a generic <span>, screen readers silently ignore the label — users who rely on a screen reader receive no information about the workspace status.

This PR adds role="img" to the span, declaring it as a named graphic element. The aria-label is now correctly exposed to the accessibility API and announced by screen readers when the element receives focus.

Affected surfaces: Workspaces list table (status column) and Workspace Details Overview tab.

 <span
+  role="img"
   className={styles.statusIndicator}
   data-testid="workspace-status-indicator"
   aria-label={`Workspace status is ${status}`}
 >
   {icon}
 </span>

The role="img" value is the correct choice here: the element contains a purely visual icon that conveys information, and the aria-label supplies its accessible text alternative — exactly the pattern described in ARIA authoring practices for images.

Screenshot/screencast of this PR

What issues does this PR fix or reference?

fixes https://redhat.atlassian.net/browse/CRW-10233

Is it tested? How?

• 16 snapshots updated in Indicator.spec.tsx.snap to include role="img".
• Manually verified with macOS VoiceOver on Chrome: the status label is now announced on focus for both the Workspaces list and the Workspace Details Overview.

Release Notes

Docs PR

[che-bot]

Click here to review and test in web IDE:

[github-actions]

Docker image build succeeded: quay.io/eclipse/che-dashboard:pr-1563 (linux/amd64, linux/arm64)

kubectl patch command

kubectl patch -n eclipse-che "checluster/eclipse-che" --type=json -p="[{"op": "replace", "path": "/spec/components/dashboard/deployment", "value": {containers: [{image: "quay.io/eclipse/che-dashboard:pr-1563", name: che-dashboard}]}}]"

[svor]

/retest

[svor]

lgtm

[svor]

/retest

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 92.50%. Comparing base (7395441) to head (b10c9bf).
⚠️ Report is 2 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1563      +/-   ##
==========================================
- Coverage   92.50%   92.50%   -0.01%     
==========================================
  Files         561      561              
  Lines       55890    55891       +1     
  Branches     4219     4218       -1     
==========================================
  Hits        51700    51700              
- Misses       4142     4143       +1     
  Partials       48       48              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[dmytro-ndp]

@olexii4 : I tested Eclipse Che Next with the User Dashboard image quay.io/eclipse/che-dashboard:pr-1563, and the correct HTML attribute role="img" was added as expected:

[openshift-ci]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: akurinnoy, dmytro-ndp, olexii4, svor

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment