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

Get inspired! Check out the entries from the Power BI DataViz World Championships preliminary rounds and give kudos to your favorites. View the vizzies.

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
Las Vegas 2025

Join us at the Microsoft Fabric Community Conference

March 31 - April 2, 2025, in Las Vegas, Nevada. Use code FABINSIDER for a $400 discount!

FebPBI_Carousel

Power BI Monthly Update - February 2025

Check out the February 2025 Power BI update to learn about new features.

March2025 Carousel

Fabric Community Update - March 2025

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