cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
knipsa
New Member

simple bar chart report fails accessibility check: aria-toggle-field-name

Hi all, I hope you have some hints for me to get rid of the accessibility check errors!

 

Let's have a look at this very basic dataset:
aria data.png

When I create a report on this data that consists of a pie and a bar chart it looks like this:

aria report.png

Now I check the accessibility of the page by analyzing the web page using "FastPass" of "Accessibility Insights for Web". 

And the report shows a couple of aria related errors for the bar chart:

aria report with error flags.png

Here is the error detail:

aria error details.png

 

And this is one code snippet:

<rect class="column setFocusRing" tabindex="0" focusable="true" role="option" aria-selected="false" data-automation-type="column-chart-rect" width="82.55865298840322" x="43.57262241054613" y="1" height="367.62844279661016" style="fill-opacity: 1;"></rect>

2 REPLIES 2
knipsa
New Member

Thank you, Lucien!

But since the power bi visuals generate the html code I don't see any chance to manipulate it and add additional tags.

v-luwang-msft
Community Support
Community Support

Hi @knipsa ,

The following article tells how to fix the question:ARIA input fields must have accessible names. Wish it is helpful for you!

aria-input-field-name

 

Best Regards

Lucien 

Helpful resources

Announcements
PBI Sept Update Carousel

Power BI September 2023 Update

Take a look at the September 2023 Power BI update to learn more.

Learn Live

Learn Live: Event Series

Join Microsoft Reactor and learn from developers.

Top Solution Authors
Top Kudoed Authors