Duplicated
Last Updated: 16 Feb 2023 10:10 by ADMIN
eDAD
Created on: 09 Feb 2023 11:03
Category: UI for Blazor
Type: Bug Report
0
Accessibility bug

On applying aquatic and desert theme, Separator is not visible

Repro Steps:

  1. Hit the URL:Blazor Splitter Overview - Telerik UI for Blazor
  2. Turn on High contrast theme
  3. Tab till Preview under Creating Splitter for Blazor
  4. Tab till separator
  5. Verify that separator is visible on applying aquatic and desert theme or not

Actual Result: On applying aquatic and desert Theme, Separator is not visible.

Expected Result: 
On applying aquatic and desert Theme, Separator should be visible

User Impact:
Users who rely on the contrast themes may feel difficulty if the close buttons in Feedback popup are not completely visible.
Duplicated
This item is a duplicate of an already existing item. You can find the original item here:
1 comment
ADMIN
Hristian Stefanov
Posted on: 16 Feb 2023 10:10

Hi team,

Indeed, there is an accessibility bug in Splitter. It is known. Thus, I'm marking this item as a duplicate of the original one: Splitter splitbar and resizer are not visible in high contrast mode. I'm sorry that it caused you trouble.

The Splitter resizers use a background color, which is removed by High Contrast mode. You can use borders as a workaround:

<style>
    .k-splitter .k-splitbar,
    /* and/or */
    .k-splitter .k-resize-handle {
        border: 1px solid;
    }
</style>

You can also:

Regards,
Hristian Stefanov
Progress Telerik

Learn about the important changes coming in UI for Blazor 4.0 in January 2023!