Code: Select all
<div class="highcharts-label highcharts-tooltip highcharts-color-undefined" style="position: absolute; left: 135px; top: -9999px; opacity: 0; pointer-events: none; visibility: visible;">
<span data-z-index="1" style="font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 12px; position: absolute; white-space: nowrap; color: rgb(51, 51, 51); cursor: default; margin-left: 0px; margin-top: 0px; left: 15px; top: 15px;">
<table>
<tbody>
<tr><td style="line-height: 19px;text-align: right;"><span>value Y axis 1</span></td></tr>
<tr><td style="line-height: 19px;text-align: right;"><span>value Y axis 2</span></td></tr>
<tr><td style="text-align: right;font-size: 10px;"><br> value X axis</td><td></td></tr>
</tbody>
</table>
</span>
</div>
We have an accessibility requirement in our application and this error is preventing us to meet WCAG 2.0 SC 4.1.1 (level A): https://www.w3.org/TR/UNDERSTANDING-WCA ... arses.html
Is there a way to avoid this error, or is it possible to fix it?
We are including the highcharts library together with accessibility extensions like this:
Code: Select all
<script src="//code.highcharts.com/highcharts.js"></script>
<script src="//code.highcharts.com/modules/exporting.js"></script>
<script src="//code.highcharts.com/modules/export-data.js"></script>
<script src="//code.highcharts.com/modules/accessibility.js"></script>