(Accessibility) Kibana Infrastructure - aria-controls

[barlowm]

@bhavyarm - This is the issue I mentioned during today's sync-up meeting.

Steps to reproduce

1. Navigate to the Kibana Infrastructure page
2. Select the "Default" button (euiHeaderSectionItem__button), examine source

<button 
	class="euiHeaderSectionItem__button" 
	type="button" 
	aria-controls="headerSpacesMenuList" 
	aria-expanded="false" 
	aria-haspopup="true" 
	aria-label="Default" 
	title="Default"
>

Control has an "aria-controls" attribute which doesn't point to anything.
This "should" point to one or more elements which are controlled by this button.

Meta Issue
Accessibility Audit for Kibana 7.0

Kibana Version:
7.3.0

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

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

Relevant ARIA spec: WAI-ARIA Authoring Practices 1.1
Accordion Example
A toggle button

[barlowm]

@myasonik - This is the one mentioned in slack

[elasticmachine]

Pinging @elastic/kibana-security

[bhavyarm]

The error is here. Please note this is Kibana spaces bug:

<button class="euiHeaderSectionItem__button" type="button" aria-controls="headerSpacesMenuList" aria-expanded="false" aria-haspopup="true" aria-label="Default" title="Default"><div class="euiAvatar euiAvatar--s euiAvatar--space spaceNavGraphic" aria-label="Default" title="Default" data-test-subj="space-avatar-default" style="background-image: none; background-color: rgb(0, 191, 179); color: rgb(0, 0, 0);"></div></button>

[myasonik]

Did some digging and the issue is a bit larger than that. There are some issues in Kibana but it also implements EuiPopover which has some issues of its own. Will work on resolving but not certain on a timeline at this point.

[snide]

If there's an EUI problem here feel free to make a issue in that repo.

[myasonik]

This issue in this ticket is actually in Kibana because it's coming from a header button which are a thin wrapper around HTML <button>s.

@snide The rest of the issues are the ones that we talked about in my long ago overlays doc which ... I don't remember if we ever made tickets out of those TODO items.