Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started

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
July 2024 Power BI Update

Power BI Monthly Update - July 2024

Check out the July 2024 Power BI update to learn about new features.

July Newsletter

Fabric Community Update - July 2024

Find out what's new and trending in the Fabric Community.