Bug 1874890 - Accessibility - The grey circle next to “Control Plane” has no text description, label, or other accessible information
Summary: Accessibility - The grey circle next to “Control Plane” has no text descripti...
Keywords:
Status: CLOSED ERRATA
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Management Console
Version: 4.6
Hardware: Unspecified
OS: Unspecified
medium
medium
Target Milestone: ---
: 4.6.0
Assignee: Steve Goodwin
QA Contact: Yadan Pei
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2020-09-02 13:58 UTC by Cyril
Modified: 2020-10-27 16:37 UTC (History)
5 users (show)

Fixed In Version:
Doc Type: If docs needed, set a value
Doc Text:
Clone Of:
Environment:
Last Closed: 2020-10-27 16:37:10 UTC
Target Upstream Version:
Embargoed:


Attachments (Terms of Use)
Control Plane (21.31 KB, image/png)
2020-09-02 13:58 UTC, Cyril
no flags Details
ScreenShot with the alt text (52.67 KB, image/png)
2020-10-06 10:00 UTC, Siva Reddy
no flags Details


Links
System ID Private Priority Status Summary Last Updated
Github openshift console pull 6743 0 None open Bug 1874890: Include accessibility text for screenreaders only, applied to dashboard status sections when displaying loa... 2020-10-02 18:02:47 UTC
Red Hat Product Errata RHBA-2020:4196 0 None None None 2020-10-27 16:37:26 UTC

Description Cyril 2020-09-02 13:58:27 UTC
Created attachment 1713444 [details]
Control Plane

Description of problem:
Warning: the grey circle next to “Control Plane” has no text description, label, or other accessible information; it is not merely decorative as it is indicative of a background operation in progress. This pattern is used through the web interface, generally where content is still loading; text, alt-text, or other non-visual indicator should also be used.



Version-Release number of selected component (if applicable):
4.6.0-0.nightly-2020-08-02-134243

How reproducible:
Always

Steps to Reproduce:
1. Goto to Overview page
2. No text description, label, or other accessible information associated with the grey circle next to “Control Plane”


Actual results:
No text description, label, or other accessible information associated with the grey circle next to “Control Plane”

Expected results:
Should have text description, label, or other accessible information


Additional info:

Comment 1 Samuel Padgett 2020-09-03 13:05:12 UTC
I think this is a misapplication of the loading skeleton. The skeleton is meant to be a loading indicator for entire sections of the UI, not individual icons or rows as we use it on this page. We might consider either leaving the skeleton for the entire section until all content loads, or possibly not showing the label at all until the status loads if we want more incremental loading.

Comment 2 Steve Goodwin 2020-09-15 17:31:23 UTC
(In reply to Samuel Padgett from comment #1)
> I think this is a misapplication of the loading skeleton. The skeleton is
> meant to be a loading indicator for entire sections of the UI, not
> individual icons or rows as we use it on this page. We might consider either
> leaving the skeleton for the entire section until all content loads, or
> possibly not showing the label at all until the status loads if we want more
> incremental loading.


Do we have a way to restrict entire sections from displaying until all page content is loaded? Are there any pages that behave that way currently? 

It seems reasonable that a dashboard would load the ui based on data retrieval. And include `aria-label` and `role`
<div className="skeleton-health" aria-label="loading component status" role="status" />

Comment 4 Siva Reddy 2020-10-06 09:52:35 UTC
There is an alt for the indicators on the Overview page. Hence moving this to verified state.

Version:
  4.6.0-0.nightly-2020-10-03-032912

Steps to verify:
1. Login to web console 
2. Navigate to PageSideBar>Home>Overview page
3. Notice in Cluster Status tile the status icon next to Cluster, Control panel and Operators.
4. Hover over the icons and their status text will be displayed.

 attached screenshot that shows the fix.

Comment 5 Siva Reddy 2020-10-06 10:00:13 UTC
Created attachment 1719318 [details]
ScreenShot with the alt text

Comment 8 errata-xmlrpc 2020-10-27 16:37:10 UTC
Since the problem described in this bug report should be
resolved in a recent advisory, it has been closed with a
resolution of ERRATA.

For information on the advisory (OpenShift Container Platform 4.6 GA Images), and where to find the updated
files, follow the link below.

If the solution does not work for you, open a new bug report.

https://access.redhat.com/errata/RHBA-2020:4196


Note You need to log in before you can comment on or make changes to this bug.