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

Earn a 50% discount on the DP-600 certification exam by completing the Fabric 30 Days to Learn It challenge.

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
LearnSurvey

Fabric certifications survey

Certification feedback opportunity for the community.

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

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

April Fabric Community Update

Fabric Community Update - April 2024

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

Top Solution Authors
Top Kudoed Authors