Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Infra UI] Change waffle map node to button for accessibility #31764

Merged
merged 2 commits into from
Feb 26, 2019

Conversation

simianhacker
Copy link
Member

@simianhacker simianhacker commented Feb 22, 2019

Summary

This PR fixes #28158 by changing the ValueInner div to a button for the Node component

Checklist

Use strikethroughs to remove checklist items you don't feel are applicable to this PR.

For maintainers

@elasticmachine
Copy link
Contributor

Pinging @elastic/infrastructure-ui

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@weltenwort weltenwort added the Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services label Feb 25, 2019
@weltenwort weltenwort self-assigned this Feb 25, 2019
@@ -66,13 +66,13 @@ export class Node extends React.PureComponent<Props, State> {
<SquareOuter color={color}>
<SquareInner color={color}>
{valueMode ? (
<ValueInner>
<ValueInner aria-label={`${node.name}, click to open menu`}>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we need to translate the aria labels?

border: none;
&:focus {
outline: none !important;
border: 3px solid ${params => params.theme.eui.euiFocusRingColor};
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There is a euiFocusRingSize variable in the theme. Should we use it?

@weltenwort weltenwort removed their assignment Feb 25, 2019
Copy link
Member

@weltenwort weltenwort left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@simianhacker simianhacker merged commit 32dbb82 into elastic:master Feb 26, 2019
simianhacker added a commit to simianhacker/kibana that referenced this pull request Feb 26, 2019
…c#31764)

* Fixes elastic#28158 - Change waffle map node to button for accessibility

* intl-izing the aria-labels; changing size to eui
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

simianhacker added a commit that referenced this pull request Feb 26, 2019
#32053)

* Fixes #28158 - Change waffle map node to button for accessibility

* intl-izing the aria-labels; changing size to eui
@simianhacker simianhacker deleted the fixes-28158 branch April 17, 2024 14:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Metrics UI Metrics UI feature review Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services v7.2.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Accessibility] Infrastructure visualization is simply not accessible
4 participants