(Accessibility) - ES Management (high-level multiple issues)

[barlowm]

ES Management

Index management

1. The only table on the page is missing a caption -

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

2. Rows are missing scope to identify individual cells while navigating randomly through the table with screen reader

3. Checkboxes missing labels (no label, aria-label, or aria-describedby)

1.3.1 Info and Relationships - Level A
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text
3.3.2 Labels or Instructions - Level A
Labels or instructions are provided when content requires user input.

4. "Lifecycle status" button could use additional screen-reader assistance (SC reads it as just as "Lifecycle status button" but doesn't explain that clicking it can be used as a filter to change to show "Managed" and/or "Unmanaged" items in the table ). The control is a "button" but acts like a "select"
   3.2.4 Consistent Identification - Level AA

5. "Lifecycle phase" button could use additional screen-reader assistance (SC reads it as just as "Lifecycle phase button" but doesn't explain that clicking it can be used as a filter to change to show "Hot", "Warm", "Cold", "Delete" items in the table ). The control is a "button" but acts like a "select"

6. Clicking an item brings the item detail fly-out with invalid list (Show phase definition is a non list item button, displayed as a link). The "Show phase definition" XXX is a direct child of the list but is not a list element

1.3.1 Info and Relationships - Level A
H40: Using Definition Lists
H48: Using ol, ul and dl for lists or groups of links

Index lifecycle policies

1. Table missing caption - 1.3.1 Info and Relationships - Level A
   Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text

2. Rows missing scope to identify individual cells while navigating with screen reader

Rollup jobs

1. Select fields are missing labels

There is a label for the div that contains the 2 select fields but not for the individual fields themselves

  [3.3.2 Labels or Instructions](https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0#labels-or-instructions) - Level A

Labels or instructions are provided when content requires user input.

2. The
   "Terms (Optional)" table in step 3
   "Histogram (optional)" table of step 4
   "Metrics (optional)" table of step 5

   of creating a rollup job are missing captions -

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

3. Rows are missing scope to identify individual cells while navigating randomly through the table with screen reader

   "Terms (Optional)" table in step 3

"Histogram (optional)" table of step 4

"Metrics (optional)" table of step 5

4. "Review Details for..." Rollup Job has an invalid list
   

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

[jen-huang]

@barlowm Thank you for filing such a comprehensive report! I was trying to label this with all the teams and features that are affected, but the list was getting extremely crowded as it's not one team that owns everything under Management. Would you mind creating separate issues for each area that have issues? That way the issues are assignable and actionable on a per-team basis. Thank you!

[rayafratkina]

Split off

• Kibana management into (Accessibility) Kibana management issues #44542
• Reporting into (Accessibility) Reporting issues #44543
• Beats management into (Accessibility) Beats management issues #44544

This issues covers just ES management findings

[elasticmachine]

Pinging @elastic/es-ui

[alisonelizabeth]

@barlowm thanks for opening this! I'm working through these issues now.

I had a couple questions/comments regarding your notes:

The
"Terms (Optional)" table in step 3
"Histogram (optional)" table of step 4
"Metrics (optional)" table of step 5

of creating a rollup job are missing captions -

These tables all appear to have caption elements. Is there something else I'm missing?

"Lifecycle status" button could use additional screen-reader assistance (SC reads it as just as "Lifecycle status button" but doesn't explain that clicking it can be used as a filter to change to show "Managed" and/or "Unmanaged" items in the table ). The control is a "button" but acts like a "select"

"Lifecycle phase" button could use additional screen-reader assistance (SC reads it as just as "Lifecycle phase button" but doesn't explain that clicking it can be used as a filter to change to show "Hot", "Warm", "Cold", "Delete" items in the table ). The control is a "button" but acts like a "select"

Both of these use the <EuiContextMenu/> component from the EUI framework and I think any accessibility concerns would be best addressed within the component itself. I see there is already an issue opened regarding this as well: elastic/eui#1585.