In many cases, some small changes can go a long way in making your Power BI reports more accessible for users with different abilities. The checklist below lists considerations you should make in your report design to create more inclusive reports. I’ll update this post as new features are released.
Last Updated: 15-Sep-2020
- Ensure color contrast between title, axis label, and data label text and the background are at least 4.5:1.
- Ensure color contrast between non-decorative non-text elements and their background is at least 3:1.
- Avoid using color as the only means of conveying information. Use text or icons to supplement or replace the color.
- Replace unnecessary jargon or acronyms.
- Ensure alt text is added to all non-decorative visuals on the page.
- Check that your report page works for users with color vision deficiency.
- Add descriptive, purposeful titles to charts
- Purposefully set the sort order of each visual on the page. The accessible Show Data table shows the data in the sort order you have set on the visual.
- If you have a collection of several slicers on your report pages, ensure your design is consistent across pages. Use the same font, colors, and spatial position as much as possible.
- Ensure color contrast between font and background are at least 4.5:1.
- Make sure to put text contents in the alt text box so screen readers can read them. If the text doesn’t fit within the alt text character limit, write a summary or highlight an important data point.
- Is key information only accessible through an interaction? If so, rearrange your visuals so they are pre-filtered to make the important conclusion more obvious.
- Are you using bookmarks for navigation? Try navigating your report with a keyboard to ensure the experience is acceptable for keyboard-only users.
- Don’t use tooltips to convey important information. Users with motor issues and users who do not use a mouse will have difficulties accessing them.
- Do add default tooltips to charts as ancillary information. It is included in the accessible Show Data table for each visual.
- Avoid video that automatically starts when the page is rendered.
- Ensure your video has captions or provide a transcript.
- Avoid audio that automatically starts when the page is rendered.
- Provide a transcript for any audio.
- Make sure any decorative shapes are marked as hidden in tab order, so they aren’t announced by a screen reader.
- Avoid using too many decorative shapes to the point where they are distracting.
- When using shapes to call out data points, use alt text to explain what is being called out.
- When using images to call out data points, use alt text to explain what is being called out.
- Make sure any decorative images are marked as hidden in tab order, so they aren’t announced by a screen reader.
- Avoid using too many decorative images, to the point where they are distracting.
- Check the accessible Show Data table for custom visuals. If the information shown is not sufficient, look for another visual.
Check the visual using high contrast model to ensure the colors change appropriately. If the appearance is not high contrast, look for another visual.
- If using the Play Axis custom visual, ensure it does not autoplay. Make it obvious that the user must press the play/pause button to start/stop the changing values.
Across Visuals on the Page
- Set tab order and turn off tab order (mark the item as hidden) on any decorative items.
- Add explanatory text as needed to describe your charts and their necessary context (perhaps via textbox or visual header tooltips).
Power BI Accessibility Features
- Keyboard shortcuts
- Alt Text
- High Contrast Colors
- Tab Order
- Screen reader compatibility
- Focus mode
- Accessible Show Data table
- Visual header tooltip
- Visual titles (Good descriptions help users understand what to expect in the visual)
- Report themes (help enforce good color contrast and color blind friendly colors)
Tools to Check Accessibility in your Power BI Report
- Use a keyboard to navigate and interact with your report, without using a mouse.
Color Vision Deficiency
- Use Coblis or Vischeck to check for color vision deficiency issues
- WhoCanUse.com is great for checking text contrast against background for color vision deficiency as well as glaucoma, low vision, cataracts, and direct sunlight.
- Use a mobile device with brightness on low to test mobile reports
- Use Colour Contrast Analyser (desktop application), WebAIM (website) or Accessible Colors (website) to check color contrast of text vs background
- Use The Squint Test to check that a Power BI report makes sense to someone with low vision
- Use a magnifier app to ensure visuals and images can be successfully consumed by those with low vision who use a magnifier.
If you would like to suggest an update to the list, feel free to leave a comment on this post.