(Accessibility) Spaces - Tables need better information

[barlowm]

Also see Issue #42400

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

Steps to reproduce

1. Enable NVDA Screen Reader
2. Navigate to the "Manage Spaces" button and click it.
3. The "Spaces" page opens.
4. Using the keyboard only navigate to the one table on the page (press the "T" key to go to the table)
   NVDA Reads: "Table with 3 rows and 6 columns. Below is a table of 3 items"

The caption should be more descriptive. Identifying it as a "table of N items" does not describe the purpose of the table
(which would be read when navigating directly through the list of tables).

<caption role="status" aria-relevant="text" aria-live="polite" 
class="euiScreenReaderOnly">Below is a table of 3 items.</caption>

A better caption would be:

<caption role="status" aria-relevant="text" aria-live="polite" 
class="euiScreenReaderOnly">List of current spaces (3)</caption>

3. Navigate through the table with the keyboard using the table caret navigation controls
   (T, DownArrow, Ctrl-Down/RightArrow, Ctrl-Left/RightArrow)
   Switching between columns and rows, the screen reader will announce the column header (e.g. "Space", "Description", "Features"), but not the row (other than the row number "Row 3")
   The screen reader does not read the "Space" which would tell the reader what row they are looking at.

Add

scope="row"

to the first <TH> tag of each <TR> tag in the table (currently the rows of the table do not have <TH> for the first cell of the row. This will cause the screen reader to read the data in the first cell of the row before reading the contents of the selected cell.

Meta Issue
Accessibility Audit for Kibana 7.0

Kibana Version:
7.2

OS:
Tested on Windows 7. But issue exists in all OS's

Browser:
Tested in Chrome. But issue exists in all Browsers

Screen reader: [if relevant]
NVDA

Relevant WCAG Criteria: WCAG Criterion
1.3.1 Info and Relationships - Level A
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text

Relevant ARIA spec: WAI-ARIA Authoring Practices 1.1
N/A

Tables Concepts

Blocked by elastic/eui#2336

[elasticmachine]

Pinging @elastic/kibana-security

[myasonik]

EUI supports rowHeader and tableCaption props to fix this issue