Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Uptime tables need more detailed accessible descriptions #36035

Closed
barlowm opened this issue May 3, 2019 · 3 comments · Fixed by #46696
Closed

Uptime tables need more detailed accessible descriptions #36035

barlowm opened this issue May 3, 2019 · 3 comments · Fixed by #46696
Assignees
Labels
EUI Project:Accessibility Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability WCAG A

Comments

@barlowm
Copy link
Collaborator

barlowm commented May 3, 2019

Table

Steps to reproduce (assumes NVDA or JAWS Screen Reader or similar)

NVDA Screen Reader is a free Screen Reader which can be downloaded from the NV Access Website
Deque has a page of shortcuts for help on using NVDA as well as a Quick Reference Guide for using NVDA

  1. Launch NVDA from the workstation
  2. Open the uptime page in the browse.
  3. Press "T" to navigate to the first (and press "T" again to navigate to subsequent tables, or Shift-T to navigate to the previous table).

MonitorStatusTable

Actual Result

There are two tables on the page (Monitor status and Error list) have captions but the captions provide insufficient information about the table
When locating the Monitor status table (for example) with the Screen Reader it says:

Table with 6 rows and 6 columns. Below is a table of 5 items

The Table with 6 rows and 6 columns is generated automatically by the screen reader.
The Below is a table of 5 items is retrieved from the table caption tag

Expected Result

A better caption would be something to the extent of:

"Monitor Status table with 5 rows of data and columns for "Status", "Last updated", "ID", "URL", IP", and "Monitor History" 

Which provides the name of the table, the names of the columns within the table and the number of actual rows of data within the table.

Meta Issue:

Accessibility Audit for Kibana 7.0
Make Uptime App Accessible for 7.0

Kibana Version:

7.0

Relevant WCAG Criteria:

[WCAG Criterion](link to https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0)

WCAG 2.0 1.3.1 Info and Relationships (Level A)

@barlowm barlowm added Project:Accessibility Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability labels May 3, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/uptime

@barlowm barlowm added the WCAG A label May 3, 2019
@barlowm
Copy link
Collaborator Author

barlowm commented May 3, 2019

@justinkambic

@barlowm barlowm added the EUI label May 3, 2019
@andrewvc andrewvc changed the title Uptime Tables Uptime Tables need more detailed accessibility descriptions Sep 3, 2019
@andrewvc andrewvc changed the title Uptime Tables need more detailed accessibility descriptions Uptime Tables need more detailed accessible descriptions Sep 3, 2019
@andrewvc andrewvc changed the title Uptime Tables need more detailed accessible descriptions Uptime tables need more detailed accessible descriptions Sep 3, 2019
@shahzad31 shahzad31 self-assigned this Sep 26, 2019
@cchaos cchaos added EUI and removed Feature:EUI labels Aug 18, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/eui-design (EUI)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
EUI Project:Accessibility Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability WCAG A
Projects
None yet
5 participants