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

Improve accessibility of visualizations #13507

Merged
merged 6 commits into from
Aug 18, 2017

Conversation

timroes
Copy link
Contributor

@timroes timroes commented Aug 15, 2017

This PR improves the accessibility of some visualization features.

@timroes timroes added Project:Accessibility Feature:Visualizations Generic visualization features (in case no more specific feature label is available) review labels Aug 15, 2017
@@ -48,6 +48,7 @@ <h2 class="kuiSubTitle kuiVerticalRhythm">
ng-href="{{ getVisTypeUrl(type) }}"
tooltip="{{ getVisTypeTooltip(type) }}"
tooltip-placement="{{ getVisTypeTooltipPosition($parent.$index) }}"
aria-describedby="visDescription_{{::type.name}}"
Copy link
Contributor

Choose a reason for hiding this comment

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

Another dev wrote a function to normalize camelCase and other delimited text as screen readable. Might this be of use here?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good point. The name actually is kind of the id of the visualization and will be stored in the saved object to identify it. But honestly I am not sure what our restrictions are on this id currently, so I will check this up. Do you know by chance, where to find that function? :D

Copy link
Contributor

Choose a reason for hiding this comment

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

I think @Bargs worked on it?

Copy link
Contributor

Choose a reason for hiding this comment

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

Hmmm doesn't ring a bell for me

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Replaced it now with _.camelCase which should be fine for now. Care for another review? :)

Copy link
Contributor

@thomasneirynck thomasneirynck left a comment

Choose a reason for hiding this comment

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

lgtm

@timroes timroes merged commit ef67957 into elastic:master Aug 18, 2017
timroes added a commit that referenced this pull request Aug 18, 2017
* Fix markdown vis settings labels

* Fix contrast ratio of markdown blockquotes, #12491

* Fix fontsize of blockquotes in markdown, #12904

* Add vis type description for screen reader, fix #12887

The way tooltips are currently implemented we unfortunately cannot use
the tooltip for the aria-describedby. This is another issue to solve.

* Make main nav a11y when collapsed

* Camel case the vistype id used in HTML
@timroes
Copy link
Contributor Author

timroes commented Aug 18, 2017

Backports:

@timroes timroes deleted the visualization-a11y branch August 18, 2017 07:59
timroes added a commit that referenced this pull request Aug 18, 2017
* Fix markdown vis settings labels

* Fix contrast ratio of markdown blockquotes, #12491

* Fix fontsize of blockquotes in markdown, #12904

* Add vis type description for screen reader, fix #12887

The way tooltips are currently implemented we unfortunately cannot use
the tooltip for the aria-describedby. This is another issue to solve.

* Make main nav a11y when collapsed

* Camel case the vistype id used in HTML
@timroes timroes removed the review label Nov 17, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Visualizations Generic visualization features (in case no more specific feature label is available) Project:Accessibility release_note:enhancement v6.0.0-rc1 v6.0.0 v6.1.0 v7.0.0
Projects
None yet
5 participants