Show a warning for non accessible charts for screen readers (#13573)
* Show warning for non accessible visualizations, fix 13572 * Mark markdown vis as accessible
This commit is contained in:
parent
dc595320b8
commit
45848c7522
|
@ -21,6 +21,7 @@ function MarkdownVisProvider(Private) {
|
|||
return VisFactory.createAngularVisualization({
|
||||
name: 'markdown',
|
||||
title: 'Markdown',
|
||||
isAccessible: true,
|
||||
image,
|
||||
description: 'Create a document using markdown syntax',
|
||||
category: CATEGORY.OTHER,
|
||||
|
|
|
@ -6,12 +6,19 @@
|
|||
</div>
|
||||
<div class="item bottom"></div>
|
||||
</div>
|
||||
<div div ng-hide="showNoResultsMessage()" class="vis-container {{getVisContainerClasses()}}">
|
||||
<div
|
||||
ng-hide="showNoResultsMessage()"
|
||||
class="vis-container {{getVisContainerClasses()}}"
|
||||
tabindex="0"
|
||||
>
|
||||
<span ng-if="!vis.type.isAccessible" class="kuiScreenReaderOnly">
|
||||
{{vis.type.title}} visualization, not yet accessible
|
||||
</span>
|
||||
<div
|
||||
aria-hidden="{{!vis.type.isAccessible}}"
|
||||
ng-style="loadingStyle"
|
||||
ng-class="{ loading: vis.type.requiresSearch && searchSource.activeFetchCount > 0 }"
|
||||
class="visualize-chart"></div>
|
||||
<visualize-legend ng-if="vis.params.addLegend"></visualize-legend>
|
||||
<visualize-legend aria-hidden="{{!vis.type.isAccessible}}" ng-if="vis.params.addLegend"></visualize-legend>
|
||||
</div>
|
||||
<!-- <pre>{{chartData | json}}</pre> -->
|
||||
<visualize-spy ng-if="vis.type.requiresSearch && showSpyPanel"></visualize-spy>
|
||||
|
|
Loading…
Reference in a new issue