(Accessibility) - Uptime Broken ARIA reference

[barlowm]

Steps to reproduce (Use WebAIM WAVE chrome plugin)

1. Open the Kibana/Uptime page
2. Launch WAVE

They are for the various buttons and links on the page. Specifically:

• Expand button
• Recently viewed button
• Discover link
• Visualize link
• Dashboard link
• Canvas link
• Maps link
• Machine Learning link
• Infrastructure link
• Logs link
• APM link
• Uptime link
• Graph link
• Dev Tools link
• Stack Monitoring link
• Management link

These links are in the sidebar so this issue probably exists on all pages.

Each element has an aria-describedby attribute which references a random id (e.g. - aria-describedby="0nyangvc") which does not exist on the page, but changes with each load of the page.

Each button/link DOES have an aria-label which is properly read by a screen reader but the aria-describedby attribute is used to indicate the IDs of the elements that describe the object. (See "Using the aria-describedby attribute"

Expected Result
When navigating to a button/link containing an aria-describedby attribute the screen reader should read the description in addition to the lagel for the button/link

Meta Issue
Make Uptime App Accessible for 7.0

Kibana Version:
7.0

Relevant WCAG Criteria:
4.1.2 Name, Role, Value (Level A, Primary Success Criterion)

Other Related Success Criterion:

1.3.1 Info and Relationships (Level A)
3.3.2 Labels or Instructions (Level A)

[elasticmachine]

Pinging @elastic/uptime

[shahzad31]

This has been fixed , although there was only one accessibility issue i saw with wave, but that is related to EUI Basic Table so i have reopened an old issue in EUI, that will be take care there if needed elastic/eui#840 (comment)