Bug 1826088

Summary: Events stream button needs proper label to be read by screen reader
Product: OpenShift Container Platform Reporter: Jessie <jhuff>
Component: Management ConsoleAssignee: Jessie <jhuff>
Status: CLOSED ERRATA QA Contact: Yadan Pei <yapei>
Severity: medium Docs Contact:
Priority: medium    
Version: 4.5CC: aos-bugs, dtaylor, jokerman, ralpert, spadgett, yanpzhan
Target Milestone: ---   
Target Release: 4.5.0   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: If docs needed, set a value
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2020-07-13 17:29:11 UTC Type: Bug
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Embargoed:

Description Jessie 2020-04-20 20:44:44 UTC
Description of problem:
When testing accessibility with axe, we get the following error:
[
  {
    "data": "",
    "id": "button-has-visible-text",
    "impact": "critical",
    "message": "Element does not have inner text that is visible to screen readers",
    "relatedNodes": [
      {
        "html": "<button class="pf-c-button pf-m-plain co-toggle-play fa co-sysevent-stream__timeline__btn co-toggle-play--active" type="button"></button>"
      }
    ]
  }
]

In approximately 9 locations:
http://localhost:9000/k8s/ns/kube-node-lease/events
http://localhost:9000/k8s/ns/kube-public/events
http://localhost:9000/k8s/ns/openshift/events
http://localhost:9000/k8s/ns/openshift-apiserver/events
http://localhost:9000/k8s/ns/openshift-apiserver-operator/events
http://localhost:9000/k8s/ns/openshift-authentication-operator/events
http://localhost:9000/k8s/ns/openshift-cloud-credential-operator/events
http://localhost:9000/k8s/ns/openshift-cluster-machine-approver/events
http://localhost:9000/k8s/ns/openshift-cluster-samples-operator/events

Version-Release number of selected component (if applicable):


How reproducible:
Easily reproducible with the axe browser extension.

Steps to Reproduce:
1. Go to any page with event streaming, such as http://localhost:9000/k8s/ns/default/events
2. Open developer tools, go to the axe tab, press analyze
3. Click on the issue "Buttons must have discernible text" for details

Actual results:
The button is inaccessible by screen reader, the user is unable to tell what the button does at the moment. If you open up VO, it just reads it as "button" instead of explaining what the button does.


Expected results:
The button should have a label accessible by screen reader that clearly describes what the action does.

Additional info:

Comment 4 Yanping Zhang 2020-04-22 06:45:02 UTC
The code in pr 5123 is not contained in payload 4.5.0-0.nightly-2020-04-21-103613. Will check when there is new available payload.

Comment 5 Yanping Zhang 2020-04-23 06:03:15 UTC
Checked on 4.5 cluster with payload 4.5.0-0.ci-2020-04-22-212726。 Now there is aria-label for event stream button, aria-label="Pause event streaming", aria-label="Start streaming events"。

Comment 6 errata-xmlrpc 2020-07-13 17:29:11 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, 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:2409