Uptime - Field Labels for Filter controls do not provide sufficient information

[barlowm]

Field Labels for Filter controls do not provide sufficient information

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. Navigate to the filter control directly after the search control.

Using Tab key to focus on any of the "drop down" controls and focus shifts to the edit field with a magnifying glass.

Actual Result

Screen Reader says

Edit

Expected Result

Screen Reader should say

Search for followed by the type of filter selected (e.g. "ID", "Name", "URL", "Port", "Scheme")

Meta Issue:

Accessibility Audit for Kibana 7.0
Make Uptime App Accessible for 7.0

Kibana Version:

7.0

Relevant WCAG Criteria:

WCAG Criterion

Input Assistance/Labels or Instructions (Level A)
Also see: Minimize Error Cues

[elasticmachine]

Pinging @elastic/uptime

[myasonik]

Removed EUI label because this field just needs a better label, nothing for EUI to do

[shahzad31]

This is apparently already fixed, there is a placeholder, it will say 'Search port' instead of 'Edit'

[myasonik]

Placeholder text is not typically read to screenreaders. Is there an associated aria-label for that <input />?

[shahzad31]

@myasonik i did test with Vox screenreader

[myasonik]

The Vox plugin unfortunately is not a good screen reader to test with.

It is entirely unique in how it works (it uses the DOM, instead of the Accessibility Tree) and is now in maintenance mode so it hasn't been updated in some time.

If you can test in VoiceOver (on Mac) or NVDA (on Windows) that would give us more accurate results.