Ensure alt text is added to all non-decorative visuals on the page.Replace unnecessary jargon or acronyms.Use text or icons to supplement or replace the color. Avoid using color as the only means of conveying information.Ensure color contrast between non-decorative non-text elements and their background is at least 3:1.Ensure color contrast between title, axis label, and data label text and the background are at least 4.5:1.I’ll update this post as new features are released. The checklist below lists considerations you should make in your report design to create more inclusive reports. Displaying the tooltip to the left or right may overlap the button and a pointer user will not be able to dismiss on mobile or when zoomed in.In many cases, some small changes can go a long way in making your Power BI reports more accessible for users with different abilities. Only use data-placement="top" and data-placement="bottom". Links or buttons should not be placed inside a tooltip or popover.
Formatting will not be conveyed to screen reader users (bold, italics, icons, etc.). Likewise, large chunks of text may create cognitive overload for some users. Users who are on a small screen or with high zoom will need to move around the screen to read the content, potentially losing their place. Write concise tooltip and popover text.If your user cannot infer how to use your UI without the content, move the information out of the component and onto the page to increase discoverability. Assume that the content may never be read by all of your users. Tooltips and popovers should never contain essential content.Best Practices for Tooltip and Popover Content When open, tooltips and popovers should not block a user from performing any other task on the screen. They should provide information that may be helpful in learning the UI, but is not required to operate it. Tooltips and Popovers must be discoverable and readable with a mouse, other pointer devices, keyboard, screen reader, zoom software, and any other assistive technology. Popovers and tooltips provide further information on an element when the user clicks or hovers. The documentation for Bootstrap Tooltips and Bootstrap Popovers is applicable. We use Bootstrap’s Tooltip and Popover components. Tooltips and Popovers Notes on Implementation
0 kommentar(er)
