-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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
Conversation
The way tooltips are currently implemented we unfortunately cannot use the tooltip for the aria-describedby. This is another issue to solve.
@@ -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}}" |
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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? :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm
* 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
* 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
This PR improves the accessibility of some visualization features.