Forum Discussion

SilviuBratila's avatar
SilviuBratila
New Member
1 year ago
Solved

High Contrast Color view - accessibility

Using canvas images as backgrounds, I've noticed inconsistent behavior of visuals in High Contrast mode: SVG Image Behavior: Unlike wallpaper images, which are removed and replaced with a black ba...
  • v-hashadapu's avatar
    1 year ago

    Hi SilviuBratila , Thank you for reaching out to the Microsoft Community Forum.

     

    1. Power BI treats SVG images as foreground elements, so they remain visible, including any white areas around visuals. In contrast, wallpaper images (PNG/JPG) are classified as background elements and are removed in High Contrast mode, replaced with a black background to enhance readability. If you want SVG images to behave like wallpaper images, convert them to PNGs.
    2. Some visuals (e.g., bar charts, pie charts) ignore background removal and show the original canvas image, while others (e.g., new card visuals) turn partially black (e.g., only the title). Titles, legends, and data labels are sometimes treated separately from the main visual, leading to inconsistent black overlays. Power BI follows system-defined colours, which override some backgrounds while leaving others unchanged. If needed, use transparent backgrounds in visuals for consistency. Apply a dark background instead of white to prevent unpredictable removals. Test different Windows High Contrast themes.
    3. Power BI treats white-filled shapes as text-based foreground elements, not background layers. High Contrast mode changes foreground colours dynamically, so white elements turn yellow, just like white text does, instead of turning black. We suggest using Power BI’s built-in visual backgrounds, which properly adapt to High Contrast settings.
    4. Since Power BI’s High Contrast mode behaviour varies by visual type, you may also want to submit a feature request to Microsoft for more consistent behaviour across all visuals. You can do this through the Power BI Ideas forum: New Idea - Microsoft Fabric Community.

     

    Also please check out below documentation for clear details:

    https://learn.microsoft.com/en-us/windows/apps/design/accessibility/high-contrast-themes

    https://learn.microsoft.com/en-us/power-bi/create-reports/desktop-accessibility-creating-reports#high-contrast-color-view

    https://learn.microsoft.com/en-us/power-bi/create-reports/desktop-accessibility-consuming-tools

    https://learn.microsoft.com/en-us/power-bi/developer/visuals/high-contrast-support?tabs=Standard%2CNoHighContrast

     

    If this helped solve the issue, please consider marking it 'Accept as Solution' so others with similar queries may find it more easily. If not, please share the details, always happy to help.
    Thank you.